Dreamweaver/Firefox table border nightmare!

Discussion in 'HTML & Website Design' started by shellyreynolds, Jun 20, 2008.

  1. #1
    I have been spending hours trying to make a page look the same in IE as it does in Firefox. I created the page with Frontpage but switched to Dreamweaver on it a couple hours ago.

    How come the table borders show up different? The pic on the left is Firefox, the right is Explorer. Does Dreamweaver put in a shadow by default? Whatever it is, it looks horrendous. How can I just make this a solid border in Dreamweaver, like it is in the second picture?

    Thank you :)

    [the attached thumbnail on here doesn't work, so I uploaded it here
     

    Attached Files:

    shellyreynolds, Jun 20, 2008 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    It would be better if you were to upload the page, at least a minimal test case that illustrates the issue. Then, we can see the html and css and determine what's going on. Pictures say zip about the cause.

    cheers,

    gary
     
    kk5st, Jun 20, 2008 IP
  3. shellyreynolds

    shellyreynolds Peon

    Messages:
    202
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi Gary,

    Sure I uploaded a test. You can view it in IE and Firefox to see what I'm talking about. I just want it to be a solid red border, 3 or 4 pixels. Dreamweaver appears to be putting some sort of drop shadow or something in there.

    http://creditcardforum.com/temp/test.html

    Thanks so much.
     
    shellyreynolds, Jun 20, 2008 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    OMG! I had forgotten how bad Frontpage's version of html was.

    Whatever you do, use a complete and proper DTD. Without it, you will have nothing but x-browser compatibility issues. IE does not follow the rules when in quirks mode.

    In your style sheet, add table {border-style: solid;} somewhere before all other table rules are set. Different browsers have different default border styles. You need to set the one you want.

    cheers,

    gary
     
    kk5st, Jun 20, 2008 IP