Hi Georg Thank you - I am totally in awe of your knowledge! :-) I implemented your suggestions, and as a bonus the layout on IE8 is fixed too (until Microsoft changes something ... ), as can be seen here
http://www.browsercam.com/public.aspx?proj_id=385801 in case anyone else is interested in seeing the difference Georg's amendments have made. >html, body {height: 100%; max-height:100%;} Can't remember where I got this from but I thought it was necessary if you want scrolling content between fixed header and footer? >Note that "fixed" elements are fixed to the >browser-window, so the vertical nav will overlap >main text when horizontal scrolling is needed on narrow windows. The vertical navigation has to be fixed, otherwise it disappears under the image at the top when one scrolls the page, and the client won't like that. I realise that I could have used javascript to make the vertical navigation remain in sight, when one scrolled down, but because of Accessibility considerations I try to avoid using javascript for anything that the user - whether disabled or not - *needs* in order to enjoy the web site. Thank you, again - I am so happy! Kind regards Rachel ----------------------------------------------------------------------------------- >Date: Sat, 19 Apr 2008 01:20:29 +0200 >From: Gunlaug Sørtun <[EMAIL PROTECTED]> >To: css-d@lists.css-discuss.org >Subject: Re: [css-d] Displays mostly OK in IE7 but not in IE6 or IE8 > >Rachel Mawhood wrote: > > > > http://www.internationalorganbuilders.com/new-build-delivered/members/test-member-index.php > > > [...] have run out of ideas about what to do to fix the remaining > > display problems for IE6 and IE8. > >1: delete... > >html, body {overflow: auto;} > >...as having that property/value on body makes IE unable to scroll main >parts of your page. In fact: it makes IE6 emulate "position: fixed", but >the wrong way around - "fixing" the wrong parts. > >html, body {height: 100%; max-height:100%;} > >...serves no purpose either, but they do no harm if left in there. > > > >2: delete... > >#stoplist {_position: absolute;} > >...as there are valid ways to hack that one in - see below. > > >3: add at the bottom of your stylesheet - below all other styles... > >@media screen { >* html #stoplist { >position: absolute; >} > >* html body div#fauxframe { >margin-bottom: -171px; >} >} > >...which will make IE6 treat the page as a normal, scrollable, page with >a pretty ok line-up of page-parts. Copy and paste verbatim with @media >wrapper and all. > > >Regarding IE8: forget it until the IE-team has released a working >version, as fixing anything for the pretty broken IE8b1 is a complete >waste of time. > > >Note that "fixed" elements are fixed to the browser-window, so the >vertical nav will overlap main text when horizontal scrolling is needed >on narrow windows. This gets worse if font-resizing is added to the >equation, since 'em-sized' elements means everything but the header >takes up more space when font-size is blown up. > >regards > Georg >-- >http://www.gunlaug.no >______________________________________________________________________ >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/ ______________________________________________________________________ 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/
