CSS Bottom

[napoleao]

I am facing a problem doing a website, I am newbie with CSS, so dont know what I maybe doing wrong. Basically I have a bottom section that displays a picture, but everytime my main content area as a lot of text I end up having the bottom picture in front of the text instead of everytime the page has mroe height the picture appears after the end of the text.

#bottom {
height:40px;
color:#FFFFFF;
min-height:40px;
background: url(../imagens/bkg_bottom.gif) 0 100% repeat-x;
padding-top: 324px;
text-align:center

Anyone know how to solve this?

 

[Vragabond]

The code you gave us is not enough. You should give us a link (preferably) to the page or at least the html for the elements before #bottom and their parents and the css for all the respective elements.

Based on what I have, the only thing I can suggest is to add [tt]clear: both;[/tt] to your #bottom. Maybe it will help.

 

[dkdude]

Hmm ... not much to go on here. But try

margin : 0 auto 0 auto;

You should also know that the min-height property is not supported by IE.