467,213 Members | 1,087 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,213 developers. It's quick & easy.

Overlapping text when using css.

Hello group!
On a webpage I am working on, which is at the moment, just a template for a
site I am going to be setting up. I do intend to use xhtml 1.1 and css. The
problem is that I can't get the layout to work, I have tried various
techniques but they just don't seem to work (hey i am a newbie to web design
:-D). The address in question is
http://www.huff.org.uk/bs18/18layouttemplate.html. It validates and all
works correctly, but I want to get the copyright message etc pushed right
down to the bottom of the page (centre). I have set it up as div "footer".
It does look at big ugly at the moment, but I want to get the actual
positioning of the elements out the way before I start prettying it up.

Thanks all in advance

Nick.
Jul 20 '05 #1
  • viewed: 5009
Share:
1 Reply
Els
Nick Evans wrote:
The address in question is
http://www.huff.org.uk/bs18/18layouttemplate.html. It validates and all
works correctly, but I want to get the copyright message etc pushed right
down to the bottom of the page (centre). I have set it up as div "footer".
It does look at big ugly at the moment, but I want to get the actual
positioning of the elements out the way before I start prettying it up.


Your stylesheet:
body {background:#ECECEC url(18pluslogoback.gif;) no-repeat
fixed;}
#menu {position: absolute; top: 250px left: 2%;}
#menu a {display:block;}
#content {position: absolute; top 0px; left: 30%;}
#footer {position: absolute; bottom: 0%; left: 30%;}
h1 {color:#01172E}

By setting all elements to position:absolute, you take them
out of the normal flow, hence, they won't 'see' each other,
and will overlap whenever they like.
Make the window smaller and bigger and see how they stick to
the place you gave them, no matter what.

Have a look at floating.
http://www.w3.org/TR/2004/CR-CSS21-2...suren.html#q27
http://css.maxdesign.com.au/floatutorial/

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -

Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

9 posts views Thread by Jonathan Joseph | last post: by
2 posts views Thread by Daphne Tregear | last post: by
2 posts views Thread by Kalvin | last post: by
3 posts views Thread by Harry Whitehouse | last post: by
4 posts views Thread by Charlie Brown | last post: by
2 posts views Thread by Liam Gibbs | last post: by
reply views Thread by richard12345 | last post: by
2 posts views Thread by manugm1987 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.