Avoiding overlapping of <div> using CSS/script

[dinesh]

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

 

[Martin Jay]

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?

Like this?

<http://www.456bereastreet.com/lab/cssframes/>

You should be able to pick the bits of out the page source you need.