Philippe Wittenbergh wrote:
> Safari (all versions, including WebKit nightly builds).
> The div #content is set to 'display:table-cell'. That is nicely
> broken in Safari, causing it to jump to the top of the parent block.
> IE 5.x Mac doesn't support display:table-cell at all, but when it
> encounters this, it pushes the content out of (below) the box.
> Why do you need to set that div to 'display:table-cell' ?
> From a quick browsing around the site, I see no reason at all.
> css-discuss [EMAIL-REMOVED]]
> 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/
Thanks Phillipe for this extremely helpful information. The
'display:table-cell' was a quick and dirty hack to get around the lack
of min-height in IE, because I wanted pages with minimal content to
stretch at least as far as the end of the navigation bar at the side. At
the time this seemed the quickest and easiest way of doing it, although
it did cause problems with my solution for ie's 3px bug on the image at
the top. So it looks like I need another solution for min-height...
Why can't all the browsers just get along...?
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/