XHTML & CSS

[webmaster]

It turned out really good =)

I checked the code and thought that you maybe didn't know that you can add a class on a DIV.

So you can replace:

Code: Select all

<div id="strapline"><span class="content">Strapline</span></div>

To this:

Code: Select all

<div id="strapline" class="content">Strapline</div>

[mariachi]

Cheers... I was very pleased with the final result. I liked the floating method (much more elegant that absolute positioning) but I just could get it to work with the layout I wanted. I was also disappointed with having to resort to JavaScript for setting some widths and height in Internet Explorer, but at least it works!

I was aware of classing divs, but I needed another element inside the divs to force them out wider than their content (if you remove the #strapline .content css entry you will find that the background colour confines itself to the word "Strapline"). Putting a width direct on the divs completely screws the layout.

Thanks for all you help and advice, I think our company can now finally move away from table driven HTML layouts (a remnant from the dark ages of web development)!