I am building a website here http://www.thesussexbookkeeper.co.uk
I have successfully achieved the website content scrolling up behind the fixed
position header in all desired browsers except for IE7 (not supporting IE6 so
not worried about that). In IE7, with position:fixed applied the header_div
flies off to the right. Here is the CSS (HTML can off course be viewed through
the browser) - any help would be much appreciated, thanks. John.
/*#### HEADER STYLES ####*/
#header_div { position:fixed; width:100%; height:154px; background:#fff;
text-align:center; z-index:100; }
#headerTop { width:960px; height:100px; margin:0 auto; position:relative; }
#logo { position:absolute; left:0; bottom:-1px; }
#headerRight { position:absolute; right:-7px; top:7px; width:300px; }
#headerRightImages { float:right; background:url(../images/pngImages.png) left
-325px no-repeat; width:32px; height:91px; }
#headerRightText { float:right; margin:4px 10px 0 0; }
#headerBottom { background:url(../images/navBackground.jpg) left top repeat-x;
width:100%; height:54px; }
.menu { width:990px; height:50px; margin:0 auto; }
/*#### INTRO STYLES ####*/
#intro_div { width:100%; height:334px; background:#fff; padding-top:166px; }
#intro { width:990px; height:321px; margin:0 auto; }
#introLeft { position:relative; float:left; width:330px; margin:13px 0 0 15px; }
#founderText { position:absolute; bottom:5px; left:15px; text-align:left;
color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#introRight { float:right; background:url(../images/pngImages.png) left -1050px
no-repeat; width:635px; height:280px; margin:30px -5px 0 0; }
#introRight p { width:500px; margin:30px 0 0 75px; font-size:17px;
line-height:1.7; color:#fff; }
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
