How can I get the "footer" div to have a background of #F0F0F0, I've tried in css in the footer part background-color: #F0F0F0; but only a tiny line gets coloured, if I try putting that CSS in the footerleft/footerright parts too, they indeed have the background, but the gap between them has the main background (stated in the body part ot the CSS)?
@VladdyJan 13.2004 — #I think your chances of getting a response will dramatically increase if you provide a link to a page you are having problem with. Cutting and pasting your code is not something everyone is willing to waste thier time on (compared to hitting a link and then view-source)...
@DanUKauthorJan 13.2004 — #Hiya, as stated, it's a LAN site, so I cannot publish it. All the free hosts I've tried have their advertisements which really screw up the design etc (i.e. if they're at the top).
@DanUKauthorJan 13.2004 — #ok, done, think you'll get the idea of the problems, and i've uploaded it to a geocities site so you can view it here REMOVED.
@Robert_WellockJan 14.2004 — #It would have helped if you gave the footer id a CSS height then you wouldn't just get the thin line above the word "copyright".
@moretaJan 14.2004 — #How can I get the "footer" div to have a background of #F0F0F0, I've tried in css in the footer part background-color: #F0F0F0; but only a tiny line gets coloured, if I try putting that CSS in the footerleft/footerright parts too, they indeed have the background, but the gap between them has the main background (stated in the body part ot the CSS)? [/quote]
This works for the footer: #footer { clear: both; background-color: #F0F0F0; } #footerleft { text-align: left; float: left; } #footerright { text-align: right; float: right; }
AND
<div id="footer" style="padding: 5px;"> <div id="footerleft"> copyright. </div> <div id="footerright"> ID etc. </div> nbsp; </div>
You don't need the extra div or background-color in the right and left footers. Adding a space before closing the footer tag gives consistent height without specifying a footer height.
...when you resize this template (test it with lots of content) and stretch it very small in most browsers, the layout really starts going weird. The content will split into two, one will be half way down the page, the other in place....
(if that makes sense?). [/quote] It doesn't to me....
How small? Are you making it smaller than the margin/padding?
Does it only happen with lots of content? Is there anything special about the content?