#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2002
    Posts
    32
    Rep Power
    17

    Issue with CSS under Internet Explorer (Works under FF)


    Kinda odd situation. The first 3-column division is shown weirdly with CSS under Internet Explorer, but it works fine with FireFox

    The CSS'd page:
    http://www.trinijunglejuice.com/junglejuice_css.html

    The CSS:
    http://www.trinijunglejuice.com/css/styles.css

    The page it is meant to look like:
    http://www.trinijunglejuice.com/junglejuice.html

    If anyone can help me with a fix that'd be great Thanks
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    1) You should use a complete doctype (one that includes a URL) to get browsers to render as close to the same as possible. I recommend HTML 4.01 Strict. A doctype is not a magic fix. It is the first step in the process of fixing your page. The doctype tells the browser how to render the page.
    Activating the Right Layout Mode Using the Doctype Declaration
    Fix Your Site With the Right DOCTYPE!
    Choosing a DOCTYPE
    Doctype switching
    Rendering Mode and Doctype Switching
    http://www.w3.org/QA/2002/04/Web-Quality
    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    2) Please make sure that your (X)HTML and CSS are valid.
    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2002
    Posts
    32
    Rep Power
    17
    DTD is correct and it validates fine (Minus a couple excess fonts, fixed them locally but I don't have access to that server personally)

    Any ideas on how to actually fix the problem here? :/
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    You're using an incomplete doctype which puts browsers in quirks mode, which means they will be even buggier than when in Standards mode.

    Check your code again there are several errors.

    Lose the <font> elements. This is a bit old, but much of what it says is relevant -- What's wrong with the FONT element?
    What should you use instead of the FONT element? Beyond the FONT tag: Practical HTML text styling

    Why should you avoid using tables for layout?
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo