Avoiding overlapping of <div> using CSS/script

Hi All,

I am trying to implement a web page with the help of three <div>
elements, which are not nested. My requirement is to retain one div in
the top of the page, one at the bottom of the page, and one at the
center of the page, irrespective of the web browser or resolution.

Also, I don't want them to overlap on each other when the window is
resized. Instead the window should be giving a scrollbar. Can someone
please help me out?

Regards,
Dinesh

wayne wrote:

er, shouldn't the divs be?
div id="div1"></div
div id="div2"></div
div id="div3"></div

eh...yeah. stupid copy and paste doesn't autoincrement.

--
Jason Edelman
http://fixmysite.blogspot.com