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/

Reply via email to