Is there a way to force the page CSS container to expand to maximum height on all pages when content itself doesn't? Well, a sort of top to bottom design with the footer always at the bottom of the page.Normally, you should be able to do min-height: 100%...
but anyway, read this ALA article.
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/footers/scottO">http://www.alistapart.com/articles/footers/scottO</a><!-- m -->,
Thanks!
A&S,
Can anyone help me through this one? I've tried to follow the advice given at alistapart, with some good success. But, when I come to example 2 some minor changes needs to be done, for example:
#container {
position: relative;
min-height: 100%;
}
The bit highlighted in red is changed to "height: 100%" since IE6 otherwise ends the container right after the content bit.
Another bug I have stumbled over is the fact that Opera 7.32 for some reason has decreased font size compared to Mozilla Firefox, IE6.
Mozilla FF 0.8 and IE6 shows identical, but Opera can't get the text font size as intended. Perhaps the use of 100%'s has confused all this?
Have a look at a test page I'm working on:
<!-- m --><a class="postlink" href="http://www.lettonica.info/test/">http://www.lettonica.info/test/</a><!-- m -->
Test CSS file is here:
<!-- m --><a class="postlink" href="http://www.lettonica.info/test/style/teststyle.cssHm..">http://www.lettonica.info/test/style/teststyle.cssHm..</a><!-- m -->. well I think something similair to Max Width in IE (<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->) would be useful here, just a suggestion...
Originally posted by omega
Hm... well I think something similair to Max Width in IE (<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->) would be useful here, just a suggestion...
I've applied some of that code, but cannot detect any major changes.
but anyway, read this ALA article.
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/footers/scottO">http://www.alistapart.com/articles/footers/scottO</a><!-- m -->,
Thanks!
A&S,
Can anyone help me through this one? I've tried to follow the advice given at alistapart, with some good success. But, when I come to example 2 some minor changes needs to be done, for example:
#container {
position: relative;
min-height: 100%;
}
The bit highlighted in red is changed to "height: 100%" since IE6 otherwise ends the container right after the content bit.
Another bug I have stumbled over is the fact that Opera 7.32 for some reason has decreased font size compared to Mozilla Firefox, IE6.
Mozilla FF 0.8 and IE6 shows identical, but Opera can't get the text font size as intended. Perhaps the use of 100%'s has confused all this?
Have a look at a test page I'm working on:
<!-- m --><a class="postlink" href="http://www.lettonica.info/test/">http://www.lettonica.info/test/</a><!-- m -->
Test CSS file is here:
<!-- m --><a class="postlink" href="http://www.lettonica.info/test/style/teststyle.cssHm..">http://www.lettonica.info/test/style/teststyle.cssHm..</a><!-- m -->. well I think something similair to Max Width in IE (<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->) would be useful here, just a suggestion...
Originally posted by omega Hm... well I think something similair to Max Width in IE (<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->) would be useful here, just a suggestion...
I've applied some of that code, but cannot detect any major changes.