Kennedy's Mica: Hardware and DIY equipment direct from Rubery, West Midlands

I'm a bit confused on this one - everything looks fine but surely isn't. See the red area below the headbar? Well that's background-color: red in the CSS for a div which has everything inside it.

I won't actually be using red, but it allows me to see it clearly :P In Internet Explorer, this works as it should do, but in Firefox, it does not.

The red background should be visible under everything, but in Firefox, that isn't the case.

Any ideas?

You are floating your columns. At the end you need to put in a block and clear: both

You can use

<br style="clear: both"/>

or use

<div id="footer">And put in information here</div>

#footer {
clear: both;
}

This will bring the background all the way to the end of the content. It doesn't work with out this because you've taken the coulumns out of the flow of the document by floating them.

Originally Posted by AliKat

You are floating your columns. At the end you need to put in a block and clear: both

You can use

<br style="clear: both"/>

or use

<div id="footer">And put in information here</div>

#footer {
clear: both;
}

This will bring the background all the way to the end of the content. It doesn't work with out this because you've taken the coulumns out of the flow of the document by floating them.

I see! I've never come across that before, so thanks for your help.

Well, you don't HAVE to have a footer in there. Add this to your CSS file:

.brclear { /* Use a break with this class to clear float containers on both sides */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

Then add this after the closing <div> for #actcontent:
<br class="brclear" />

You'll have red all over

Pff I think magenta works better