Posted by withrye on 05/27/06 22:24
I wanted a different layout for my site redesign and considered having
my entries align to the bottom of the screen rather than to the top. It
seemed simple enough. I defined a div and positioned it with a nice
bottom:0px. The relevant code:
..entry {
position: absolute;
bottom: 0px;}
Then I resized to check how well the layout breaks when subjected to
different resolutions. That's when I discovered that when the height of
the div exceeds the height of the browser window, the top part of the
div simply disappears. There are no scrollbars to allow access either.
Uh oh time.
I know I can both align the contents to the bottom of the screen AND
have scrollbars when the div overflows if I use a table cell with
valign="bottom". I don't know how to do this with CSS at all.
Here is my site:
[url=http://three.fsphost.com/saladday]three.fsphost.com/saladday[/url].
If you resize the browser window, you can see the problem.
Thank you for any replies.
Navigation:
[Reply to this message]
|