Fichot Sébastien wrote:
> I'm making my little website and i'm cruching my head on removing the
> little white space at the top of the page on this URL :
> http://tinyurl.com/3fdd35 Can someone have a look and explain what's
> happening ?
Another case of "collapsing margins"[1]. IE/win is "saved" by its
"Layout"[2] bug.
See Bill Browns solution for your case.
> Each comment on Code / Design is welcome.
IE6 needs a 'hasLayout' trigger on the list-items...
ul#sliding-navigation li.sliding-element {
height: 1%;
}
...to keep them from collapsing and dance a bit irregular during :hover.
I personally think your hidden content blocks appear back down on screen
a little too early when subjected to font-resizing. Using a much larger
negative "top" won't hurt, since there's literally almost no limit to
"how far off screen" you can position those blocks.
I suggest...
#content-1, #content-2, #content-3, #content-4 {
position:absolute;
top:-10000px;
}
Of course, those content blocks can't take much font-resizing without
overflowing when *on* screen either, which is another weak point.
Making the content blocks totally javascript dependent is yet another
weak point.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
--
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/