K
kk.simhadri
Hi,
here is my code in which I am aligning a text to bottom of my page
using CSS
<html>
<head>
<style type="text/css">
..Footer
{
position:absolute;
bottom:0;
}
</style>
</head>
<body>
<h2 >This is a heading with an absolute position</h2>
<p>With absolute positioning, an element can be placed anywhere on a
page. The heading below is placed 100px from the left of the page and
150px from the top of the page.</p>
<div class ="footer">this is the text at bottom</div>
</body>
</html>
it works fine.But when I resize my window the text at the bottom is
overlapping my text at the top.I dont want this to happen .Can anybody
tell how can I prevent this ?
Thanks in advance
here is my code in which I am aligning a text to bottom of my page
using CSS
<html>
<head>
<style type="text/css">
..Footer
{
position:absolute;
bottom:0;
}
</style>
</head>
<body>
<h2 >This is a heading with an absolute position</h2>
<p>With absolute positioning, an element can be placed anywhere on a
page. The heading below is placed 100px from the left of the page and
150px from the top of the page.</p>
<div class ="footer">this is the text at bottom</div>
</body>
</html>
it works fine.But when I resize my window the text at the bottom is
overlapping my text at the top.I dont want this to happen .Can anybody
tell how can I prevent this ?
Thanks in advance