CSS help!

[lornyloo]

Help needed from you CSS competant people:

I'm trying to improve my CSS skills, and as part of that I am looking at Zen Garden sites and trying to copy some of the designs demonstrated in them.

I'm looking at this design in particular. I want to know how I create that main white block down the centre of the page. With everything (header, links,

Comments

[inlifewetrust]

I think you have to put a div called #content (or #wrap or whatever how you call it) and put inside all the other div you want (header, links, menu, text, etc). And in the CSS you write what size you want the #content to be, what colors, etc...

I think it's something like that... I may be wrong though :) Hope I explained well.

[lornyloo]

hey thanks, I think i got it figured now

[tinystages]

It's pretty simple div layers. They messed up though because they call their layers div id, when it should be div class.

In the external CSS you would do something like this:

body

[tinystages]

I noticed a lot of their coding is inaccurate.
In your CSS do NOT use "#content"
USE: ".content"
The previous is not valid html.

[lornyloo]

Thanks for the help! I think the reason they use Id rather than class is because the point of Zen Gardens is to show how varied CSS can make a site, so they've put everything as IDs so that every little bit can be altered.