Design for Firefox and IE?

  • I never use IE, but I realise that most of the world does, and my site header and content boxes don’t sit properly in IE (OK in FF).
    https://www.llasher.com/wordpress
    I wonder if anyone has any general tips about how to appease both browsers. I am a css newbie, so please ignore any cumbersome coding, but I have pasted some of my layout css below, if this is any help:
    #header { font-size: 36px; font-family: Georgia, “Times New Roman”, Times, serif; font-style: italic; background-color: rgb(153,153,153); background-image: url(bg2.gif); margin: -10px 0 0; padding: 20px; position: relative; top: 10px; right: 200px; bottom: 0; left: 200px; width: 600px; height: 80px; border: solid 1px #0cf }
    #header a { color: #ccc; font-size: 48pt; text-decoration: none; padding-left: 200px }
    #content { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12pt; background-color: #ccc; background-image: none; margin: 0 400px 20px 200px; padding: 20px 100px; position: relative; top: 10px; right: 200px; left: 0; width: 440px; border-style: solid; border-width: 0.5pt 1pt 0.5pt 0.5pt; border-color: #0cf }
    TIA

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter llasher

    (@llasher)

    Thanks basketball. I thought there might be more elegant approach than hack it up, but hack it up it is! ??
    I didn’t know there were css code that was specific to each browser. Isn’t there something called web publishing standards? ha!
    Your approach is far more sophistimicated than mine, which was just to get something that approximately worked (as far as margins and alignment went) for both browsers.
    I haven’t even looked at what works with Opera or Netscape (hopefully the same as for FF). Too scared.
    ??

    When I design stf Netscape/Firefox are good, sometimes Opera is little different, it’s just IE that screws everything up.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Design for Firefox and IE?’ is closed to new replies.