Hi all
I'm wondering if it's posible to set a table to bottom of layer. so that nomatter what's in the layer, the table (1row 1 collum) allways sits at the bottom of the layer.
Any thoughts?
ChrisThought #1 is that a one row, one column table doesn't sound like much of a table. Use a more semanticly correct block element instead.OK thanks
Can you give me an exaple of what you mean.
Thanks
ChrisWhat i'm actualy trying to do is have a text link stick to the very bottom of the layer, no matter what is in the layer.
can you suggest any code for that.
Thanks
ChrisThe #container must be relative and have width.
The #footer must be absolute and bottom defined.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Bottom of container</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
#container {
position:relative;
width:100%;
border:1px solid #000;
}
#footer {
position:absolute;
bottom:0;left:50%;
background:#ff0;
border:1px solid #f00;
}
-->
</style>
</head>
<body>
<div id="container">
<p id="footer">Fang</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur euismod ullamcorper purus. Morbi et felis. Sed at felis.
Fusce vel elit. Vestibulum quis eros feugiat eros mattis fringilla.
Quisque porta ultrices turpis. Donec sodales aliquam est.
Suspendisse pede. Aliquam erat volutpat.</p>
</div>
</body>
</html>
I'm wondering if it's posible to set a table to bottom of layer. so that nomatter what's in the layer, the table (1row 1 collum) allways sits at the bottom of the layer.
Any thoughts?
ChrisThought #1 is that a one row, one column table doesn't sound like much of a table. Use a more semanticly correct block element instead.OK thanks
Can you give me an exaple of what you mean.
Thanks
ChrisWhat i'm actualy trying to do is have a text link stick to the very bottom of the layer, no matter what is in the layer.
can you suggest any code for that.
Thanks
ChrisThe #container must be relative and have width.
The #footer must be absolute and bottom defined.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Bottom of container</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
#container {
position:relative;
width:100%;
border:1px solid #000;
}
#footer {
position:absolute;
bottom:0;left:50%;
background:#ff0;
border:1px solid #f00;
}
-->
</style>
</head>
<body>
<div id="container">
<p id="footer">Fang</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Curabitur euismod ullamcorper purus. Morbi et felis. Sed at felis.
Fusce vel elit. Vestibulum quis eros feugiat eros mattis fringilla.
Quisque porta ultrices turpis. Donec sodales aliquam est.
Suspendisse pede. Aliquam erat volutpat.</p>
</div>
</body>
</html>