You will struggle to produce a complex layout like this if you don't have the experience of laying out your page using <divs>.

I've corrected the html/css if you scroll below BUT take some time to read on before you dive for the code.

I don't know where in the process you lost your Doctype declaration at the top of the page BUT you need it.

Also it's no good just creating lots of <divs> and floating them, that won't work. The three blue <divs> to the left of the red box in the header need wrapping in their own container <div> which is then floated left BUT you don't float the three <divs> inside of it. I don't know what you are doing but you may not even require the three <divs> inside the wrapper. The object is to use as few <divs> as possible. At the moment you're following the bad habit of creating as many table cells as what is needed for the content...you need to quickly move away from that bad idea.

I dont care much for the kind of css selector below either as it just makes it more difficult to read the css.

<a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="&ldquo;I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.&rdquo; | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-5.jpg" width="740" height="270" alt="Slide 5"></a>

<div class="caption">

<p>&ldquo;I must go down to the sea again, to the lonely sea and the sky...&rdquo;</p>

This is my first div based layout. i success that layout with your valuable feedback & guides.

It takes a bit of time moving from tables to <divs> but you really just need to think of <divs> as a series of containers, like cardboard boxes, in which you insert your content. Then position them using css.

manojb05 wrote:

N.B: U have a any tutorial for beginner div based layout.

I don't know of any tutorials that I would recommend but I'm sure if you search Google there are plenty of resources out there that will give you a basic insight into building with <divs>.