3 column layout !

[hassank1]

I've checked some website that contain layouts !!

however why they are kind of complicated ? (am beginner btw)

for example for 3 column layout they use div inside a div inside a div ...

 

check : http://matthewjamestaylor.com/blog/perfect-3-column.htm

 

so why ?

 

and can't I simply for 3 cols layout . use 3 divs ( left then center then right ) then float and center them instead of using many divs inside each other ?!

[dbrimlow]

That is quite an amazing little bulletproof layout.

 

I couldn't break it in any browser, at any size browser text, and at 600px window.

 

There aren't that many divs here. They use the most minimum for liquid layout.

 

Header, footer, gutter, and 3 columns.

 

 

 

 

[haku]

It looks complicated because you are a beginner. It's actually not to complicated.

 

When you are building your site, just build the frame first, the way that guy shows in the tutorial, then add your content into the applicable sections after.

[PHPQuack]

layout, either fixed or liquid, is pretty easy like the the previous post stated. To learn it, just need to find a well explained tutorial, if you are having problems understanding the tutorial you specified, try this one http://css.maxdesign.com.au/index.htm, look for css selectors, and try the tutorial at the bottom, it's shows how to create a liquid 3 column layout, with header and footer.

[PHPQuack]

and can't I simply for 3 cols layout . use 3 divs ( left then center then right ) then float and center them instead of using many divs inside each other ?!

 

you can, float:left column, float:right column, then set center column's margin-left and margin-right to sit in the middle. Remember that you have to specify a width to an element that is using float.