By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,785 Members | 1,072 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,785 IT Pros & Developers. It's quick & easy.

Text overlapping other text when I resize my page

P: n/a
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>

Apr 20 '07 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On Apr 19, 11:07 pm, kk.simha...@gmail.com 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.

Apr 21 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.