Can I use <div> tags like Table and have them under each other?

Hey,

Can I use <div> tags like tables in the following way:

<div>

<div>
</div>

</div>

and expect that the inner <DIV> would be inside the other one?


Basically I want to put a DIV that holds everything together (with a width of 1000) and have other DIVs (for header, left menu , and such) that are inside that first DIV (So that I can give these new DIVs positions relevant to the main DIV)

Thanks for the help..

Nima

 

Yes, it's called nesting.

Look at the source of my site.

 

Of course you can, some sites have that div nesting to avoid long page loads using tables.

 

that is how most of the developers do their designs...

 

You might need to use something like

clear: both

Code (markup):

or float the elements as well.

 

What does that do?

 

clear:both will stop the divs from overlapping on bigger screen resolutions. (i think)

 

clear: both;

Code (markup):

will basically make sure that that element will appear below the last element(s) - check out CSS Clear properties.

Float will help align the element correctly. This one I find especially useful with images