CSS Layout Help Needed Please !!!

[Uzair]

Please view the attached file. I want to design a div based CSS layout but dont know how to make that layout. Somebody plz help. Any live example

[daemonkin]

Are the small areas in the bottom left supposed to be separate elements?

I would do something like:

<div id="top_pane">
 <div id="top_left"></div>
 <div id="top_right"></div>
</div>
<div id="bottom_pane">
 <div id="bottom_left"></div>
 <div id="bottom_right"></div>
</div>

Then CSS:

div#top_pane div#top_left {
 display: inline;
 float: left;
 width: /*WIDTH ENTERED HERE*/
}
div#top_pane div#top_right {
 display: inline;
 float: left;
 width: /*WIDTH ENTERED HERE*/
}

and the same for the bottom.
You could float the div top_right to the right if desired.

Hope this helps to get you started.

D.