CSS and Layout

[greggpb]

I am building my first CSS website since the frame bases ones I did in the late 90's and need a bit of help

I have build somthing like this.
The red block is a header, the purple = news, the green = menu, the blue content..

but the content should alway fill if one of the other blocks is absent...
and why sometime will the contect appear under the menu is the menus is shorter..

?

 

[Tachyon]

You really should put your site up somewhere so we can properly have a look.

 

[mcryan]

Yeah I don't think anyone is going to write the layout for you. Post a link to the site and we can give you tips.

Use div's and some very simple styling - you'll start getting the hang of it.

 

[Beachless]

I like using <fieldset> and css together these days...

 

[murraybiscuit]

assuming you're trying to do columns in css.
css doesn't do balanced height columns well.
but the issue has been discussed in other places at length
http://matthewjamestaylor.com/blog/perfect-3-column.htm

 

[EthanEllis]

I don't quite understand what you are looking for but I am sure with some php something could be made. I am no php expert though but think it can be done.

 

[matthew-]

That is extremely easy to create using div classes and CSS.
main CSS you'll use is

float:
display:
width:
height:
margin-left:
margin-right:
clear:

 

[EthanEllis]

@Matthew I think he wants some type of code that says if section 1 is not there make section 2 bigger. I don't know of any css that does that but php should be able to help.

 

[XWare]

Ye would be quick with php ... something like :

<?php if ($blocks == 2) : ?>
<div class="grid2">Some Content</div>
<?php else : ?>
<div class="grid1">Some Content</div>
<?php endif; ?>