|
|
Posted by Els on 06/14/05 01:01
Animesh Kumar wrote:
>>>I tried the float:left part. Again, it works out nicely in IE. In
>>>mozilla there is a bit of background-image problem. The background image
>>>does not extends in the next row of images.
>
> I tried these tips. For some reason my browsers (Mozilla/Firefox) don't
> extend the background images. Is it some preference-setting which could
> be the reason? And yes, in Mozilla, even now, the second row of images
> is not display properly. Please have a look at the same link if you get
> time:
>
> www.eecs.berkeley.edu/~animesh/pictures.htm
I think I understand now what you meant with the background image not
extending - you are talking about the white background, not the leafy
things, right?
It's because the div the images are in, isn't extended to encompass
the images, because they are floats. In IE a div extends automatically
if it has a width or height, but in other browsers that's not the
case.
You'll need a clearing element after the last image, before the end of
the containing div.
You can add a simple <div class="clear"> </div> before the end of
div#mainbody, and add this to the CSS:
div.clear{
clear:both;
font-size:1px;
line-height:1px;
}
The 1px values are to make the space that div takes up as small as
possible.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Frank Black - Lone Child
[Back to original message]
|