footer width

[matrixindicator]

I have a page header and content have a good width, fill the window and respect a margin. I set the footer now on absolute to the div of the content. Problem. The footer div is as width as is text and this is less width as the header and content

-- header  -- width ok
-- content -- width ok
-- foot-- width to the text in it

#footer
{
position:absolute;
width:94%;  not ok
margin : 0px 20px 0px 20px;	
padding: 5px;
}

How to set the footer as width as the header and content ?

 

[audiopro]

You have set the width to 94% of the total width so it will be narrower than the container or page.
Why are you using a position?
Let it just sit at the end of the page where it belongs.

Keith

http://www.studiosoft.co.uk

 

[matrixindicator]

If I use 100% it is going out of the screen, because he start at the left point of the div content (margin-left 20px)

The book css Anthology suggest to use position aboslute so it comes right after the div content.

I will do some test without position absolute

 

[matrixindicator]

you are correct, the position absolute is not necessary

 

[Vragabond]

Now remove the width, and you should be OK. If there is no width, block-level elements like divs take up the entire given space, minus all the padding, margins and borders.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]