SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2009
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    is something simple making my page look horrible in ie6?

    I could be wrong, but I thought that at one point in the design process my site looked pretty normal in IE6 except for the transparent png grey matte. now, however... not so much! I have the transparency issue somewhat addressed thanks to 8bit pngs.. BUT holy crap it looks ridiculous in IE6 now. i was laughing for a while.. but since i know it was working before, can anyone see if there's something straightforward causing the problem?
    i don't care about it being identical.. just want to make sure it's functional...

    ohh urrr.. it also looks like it's totally mucked in IE8 as well, and i KNOW that did not used to be the case.

    i think it may be due to changing some values in the #menu which may have been imprudent. i was trying to put things in ems so it could scale up elegantly with text size+ing, but that may have backfired.

    THANKS!!

  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It is not your css causing this.

    It is the comment before the doctype that is throwing all IE into quirks mode.
    Code:
    <!--config.php-->
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    Happy ADD/ADHD with Asperger's

  3. #3
    SitePoint Zealot
    Join Date
    Feb 2009
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah! It was something simple! I'd just left that in from testing for php inclusions and forgot about it. That is also great because I'd worried a bit that the site had looked horrible in IE for a long while without me knowing (that change just happened yesterday, so, not so bad)

    thanks so much for finding that!

    Now it is still looking a bit wrong in IE6, with the menu, and some z-index/height issues as well.. I'll have to see if I can determine the problem.. it's just such a pain testing in IE6 without being able to use firebug hehe.

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, the problem is is that the nested <ul> is 100&#37; wide and as a result IE6 is incorrectly expanding the <li> to fit.

    A simple solution would be to just set the width of the <li>
    Code:
    #menu li ul{width:5.8em;margin:0;}
    The height issues are..?
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    SitePoint Zealot
    Join Date
    Feb 2009
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks! the height issue was that the header div is not lining up properly in ie 6.. it has a bunch of padding so you can see the background behind it

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    HI, the problem is is that IE6 doesn't suppoort position:fixed.

    It reverts back to position:static and thus the header height is increased.

    You can use an expression to simulate position:fixed for IE6
    http://www.visibilityinherit.com/cod...tion-fixed.php
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  7. #7
    SitePoint Zealot
    Join Date
    Feb 2009
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that looks like a good work around.. i've never used expressions like that before. my left is 50&#37; is that going to work still?

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I don't know expressions that well but I don't see any reason why not . Go test!
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •