Placing footer using CSS

[johnson207]

Hi, i have a graphic which i wish to place at the bottom of all of my pages, this will be variable due to variable amounts of content, how can i do this using HTML + CSS? (ie div tags)
is there anyway to set up 3 divs:
header
content
footer

so they simply follow on

[Sayonara]

"clear:both" usually does the trick.

[johnson207]

cheers mate that shud help :p will let u know if it works soon

and.,...which div do i put it in??

[vinny388]

Something along the lines of :

<div id="header">content</div>

<div id="content">content</div>

<div id="footer">content</div>

You shouldn't need the "clear:both" css code for a simple "header, content and footer" layout (if you had a sidebar next to your content div then yes).

[mark87]

DIV's are a block element anyway, they will automatically follow eachother unless they are floated. Vinny388's example will work fine.

[vinny388]

WOW! I got something right! :thumbsup: lol