N
Neil Marshall
Someone I know asked me how to achieve this effect with div's and css
and I can't figure it out, maybe you guys can. He has a header at the
top of his page with some links in it. When the user increases the font
size in their browser, the text drops down below the header because it's
taking up too much space. It would look much better if the text used
the space available above it though.
What I tried to do was create a div inside of a div, where the inner one
is aligned to the bottom and then the text is placed in that, but I
couldn't get it to work.
Here is code that works, but it's a table. (Just increase/decrease your
font sizes and you'll see that the bottom doesn't move.
<html>
<head>
<style>
#tableinner {
height: 150px;
border: 1px solid red;
}
</style>
</head>
<body>
<table><td id="tableinner" valign="bottom">text</td></table>
</body>
</html>
and I can't figure it out, maybe you guys can. He has a header at the
top of his page with some links in it. When the user increases the font
size in their browser, the text drops down below the header because it's
taking up too much space. It would look much better if the text used
the space available above it though.
What I tried to do was create a div inside of a div, where the inner one
is aligned to the bottom and then the text is placed in that, but I
couldn't get it to work.
Here is code that works, but it's a table. (Just increase/decrease your
font sizes and you'll see that the bottom doesn't move.
<html>
<head>
<style>
#tableinner {
height: 150px;
border: 1px solid red;
}
</style>
</head>
<body>
<table><td id="tableinner" valign="bottom">text</td></table>
</body>
</html>