| Author |
Message |
Guest
Fri Apr 20, 2007 10:05 am |
 Post subject: Text overlapping other text when I resize my page |
 |
 |
|
|
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 |
|
| Back to top |
|
 |
|
 |
| Author |
Message |
Desmond
Guest
Fri Apr 20, 2007 3:45 pm |
| Post subject: Re: Text overlapping other text when I resize my page |
|
|
|
|
On 20 Apr, 06:05, kk.simha...@gmail.com wrote:
| Quote: | 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
|
dont use bottom=0 use top=200 or what ever it's top position should
be.
Desmond. |
|
| Back to top |
|
|
|
|
|
| Author |
Message |
Bergamot
Guest
Fri Apr 20, 2007 10:22 pm |
| Post subject: Re: Text overlapping other text when I resize my page |
|
|
|
|
Desmond wrote:
| Quote: | On 20 Apr, 06:05, kk.simha...@gmail.com wrote:
here is my code in which I am aligning a text to bottom of my page
position:absolute;
bottom:0;
dont use bottom=0 use top=200 or what ever it's top position should
be.
|
That is some pretty bad advice, mate.
First off, top=200 is invalid syntax. If you don't know why, try
validating your code.
Second is, assuming you meant 200 pixels from the top of the page, you
aren't considering that the bottom of the page is a variable position,
different not only on each web page, but different at various window
sizes and browser settings.
You might want to go back to lurking in this group until you know what
you're doing. Your suggestion here says you have a lot to learn yet.
--
Berg |
|
| Back to top |
|
  |
Page 1 of 1 |
All times are GMT
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
 |  | |
