[thelist] CSS - Float area not fully changing to background color

James Hardy evolt at weeb.biz
Wed Nov 17 11:53:53 CST 2004


Brian Reaves wrote:

> I have seen and used a couple of methods to help a float area get
> completely covered by a background color. EX: <div class="space"> </div>
> or <div class="space">&nbsp;</div> after the float, while .space is
> clear=both. I have also used <br clear="all" /> in the past.
>
> Neither one of these methods will work 100% for me in this situation
> (http://p4fun.com/contact.php). I am only noticing this issue on Gecko
> browsers; Bottom of the page inside the #footer div (navigation & phone
> #) the first time the page loads & when you hold down the "shift" key 
> while reloading the page (Loads fine when you don't hold down the 
> "shift" key) the blue area doesn't cover #footer area.
>
> There is a: <div class="space"> </div> at the end of #footer div which
> allows it to work on reload w/out "shift". I can make it work all the
> time using: <div class="space">&nbsp;</div> but this adds a carriage
> return and thus unneeded space.
>
> Suggestions?

The problem is that on first load or a hard refresh, it has to load the 
image which takes longer than drawing the page, so it redraws the page 
after the image loads, causing a slight fubar. If you specify the height 
of the image in the image tag then the problem should disappear.

--
James Hardy
http://www.weeb.biz/



More information about the thelist mailing list