[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"> </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"> </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