HelP! Major IE Problems

  • basketball

    (@basketball)


    21 years, 4 months ago

    Well I just redid some parts of my site (mainly the header/splitting it up into 3 parts so I could have a rotating image on the left without having the browser reload the entire image everytime). Now the top part looks completely messed up in Internet explorer.
    [Moderated: Link to site http://www.basketball2k.com/site/]
    Any help would be appreciated!

    Here’s some css

    #headerimg {height: 275px; width: 100%; width: 760px; text-align: center; background: #eee;}

    #headerleft {height: 186px; width: 174px; text-align: center; background: url("http://basketball2k.com/images/kobeheaderbg.jpg") no-repeat top; float: left;}

    #headerright {height: 186px; width: 586px; text-align: center; background: url("http://basketball2k.com/images/headerrightbg.png") no-repeat top; margin-left: 174px; max-width: 586px;}

    #headermenu {height: 89px; width: 760px; text-align: center; background: url("http://basketball2k.com/images/menu2bg.png") no-repeat top; clear:both; padding-top: 35px;}

    Here’s some xhtml

    <div id=”headerimg”>
    <div id=”headerleft”></div>
    <div id=”headerright”></div>
    <div id=”headermenu”></div>
    </div>

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter basketball

    (@basketball)

    21 years, 4 months ago

    Also applying percentages for the width for headerleft and headerright aligns them correctly in IE and Firefox but the left image disapperas completely.

    I also don’t want to just put the images right into the xhtml because I want to be able to change the header in the css (so i can use the css style switcher)

    NuclearMoose

    (@nuclearmoose)

    21 years, 4 months ago

    One suggestion would be to see what happens if you remove padding-top: 35px; from #headermenu.

    Thread Starter basketball

    (@basketball)

    21 years, 4 months ago

    That just removes 35px of padding from the menu div (I also have a menu here


    <div id="headermenu">
    <div id="menu2"></div>
    </div>
    </div>

    But that just gets really complicated.

    Anyways this gets things to align properly in IE but there’s still a 2-5 pixel margin between the left and right header image.

    #headerright {height: 186px; text-align: right; background: url('http://basketball2k.com/images/headerrightbg.png') no-repeat top; margin: 0 0 0 174px;}

    html>body #headerright {width: 584px;}
    * html #headerright{width: 582px;/*for ie5.x win */ width: 582px;/*for ie6*/}

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘HelP! Major IE Problems’ is closed to new replies.