Stylesheets - Text overlapping other text when I resize my page

Author

Text overlapping other text when I resize my page

kk.simhadri@gmail.com

2007-04-20, 3:18 am

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>

scripts.contact

2007-04-21, 6:17 pm

On Apr 19, 11:07 pm, kk.simha...@XXXXXXXXXX wrote:
> 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>

put the whole content(not the footer) in a div and set the CSS height
and overflow(to scroll or auto) attributes.

or just set a background image/color on the footer.