Sent by Gunlaug_Sørtun on 26 February 2006 20:08
Bruce L Giles wrote:
> Is this actually a CSS bug in IE 6 Win, or have I improperly
> specified something in the CSS? I have managed to hack the CSS to
> make it work, as on this second page:
>
> <http://www.blueflashsoft.com/csstest/bugdemo2.html>
It is indeed a genuine IE/win bug, in that IE needs 'Layout'[1] on an
element before 'position: relative' takes proper effect as an anchor for
'position: absolute'.
Adding...
#innercontainer {height: 100%;}
....will fix the positioning-problem, but will also move the 3px-bug from
the text-paragraphs in #maincontent over to #innercontainer, seen as a
3px wide brown divide between that and the #navmenu. Thus not a perfect
"fix" without further hacking of IE/win.
You may create a more visually pleasing result by deleting...
#innercontainer {
position: relative; /* Provide context for sidebar positioning */
}
....and change the #sidebar positions to something like...
#sidebar {
top: 84px;
right: 29px;
}
....where the values relates to body instead. This will only work if the
final header has fixed dimensions - is an image.
---
I would usually create such 3-column layouts without relying on
'position: absolute' for any major parts. Easier to make them work
across browser-land then.
Many alternatives around, see the css-d wiki for some.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/