Layout using CSS

[Madball]

Hi all,

It is me again, I was browsing the Internet looking for a nice looking layout for my website, I came across this http://www.norfolkandchance.net website and I really like the layout, Just wondering if this was done in CSS? If it is could someone explain how he did this?

From what I can see he has:

Header div
left col div
center col div
right col div
foot div

Then withing the left and right col's he would have more divs in there for certain areas? Am I going in the right direction?

[Rakuli]

That site is down so I can't tell

It gives a mysql error.. lol

[Madball]

Its seems to be back online now.

[dangergeek]

I would hazard a guess to say he possibly used a template from the warcraft site if you are after an exactish match.

It is made with some CSS but has a load of tables rather than divs. baaaaaad

Header div
left col div
center col div
right col div
foot div

This would be the correct way to do it when using divs.

Then withing the left and right col's he would have more divs in there for certain areas? Am I going in the right direction?

Yep, there would be more divs contained within the left and right column divs.

[Rakuli]

That site is set using Tables for the majority of the layout... This isn't a very up-to-the-times approach.

Using CSS you could achieve this with something like

HTML: Select all

<div>
<div>
Header div
</div>
<div>
Float me to the left,
</div>
<div>
Float me to the right
</div>
<div>
I am main content, give me margins the width of the previously floated divs
</div>

</div>

Hope that helps,

Cheers

[Madball]

OK I've found out what he has been using and it is from here http://www.php-fusion.co.uk. So I guess it is just a template that he has modified.