Steve Frost wrote:
> http://www.frost-genealogy.co.uk/ftree/index.html
>
> The photo is floated to the left, and the div in which it sits inside
> is set to 100% height, however when viewed in 800 * 600, the div
> does not expand when you scroll down.
>
> Anybody got any ideas what could be causing this? It works fine in
> IE.
When you define height to be 100% (of window), than that's what any
reasonably good browser will give you. If window is too small - well -
you've asked for it :-)
IE isn't "reasonably good", so it will ignore such height-restrictions.
1: get rid of...
#maincol {height: 95%; overflow: hidden;}
It does what it says - hides the overflow on set 'height: 95%', and that
is not what you want.
2: add...
#container, #container2 {display: table;}
...that'll make those containers expand beyond 'height: 100%;' when
window is too small (or content is too large) and contain the float.
CSS tables acts visually like HTML tables, so they expand by default.
3: delete 'padding' on #container2, and set a suitable padding/margin on
#maincol. Otherwise CSS2.1 compliant browsers may not render as you want.
#maincol {padding: 10px 25px 10px 10px;}
...seems to work fine.
No problems in Opera and Firefox at my end, and IE6 is playing along
just fine too.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
