Mozilla XML - Strange IE behaviour with float:left ...

Author

Strange IE behaviour with float:left ...

Rui Paiva

2005-10-15, 6:24 pm

Hi,

I am trying to develop a picture browser, and therefore have a thumbnail
page as a starting point.

With help, I got the float:left statement to do just what I needed, but it
doesn't seem to always work in IE...

To see the behaviour, please open this page, and resize it, and scroll down
the right DIV...

http://ruipaiva.dnip.net/pbnew/PictureLibrary.html

As you can see, some of the spaces where there should be a thumbnail are
empty... I have no idea why, and as I said, it works fine in Firefox...

Any ideas ?

Thanks .

Rui

Rui Paiva

2005-10-16, 3:25 am

Here's a static version, just with the presentation ...

http://ruipaiva.dnip.net/pbnew/PictureLibrary2Hc.html

The relevant area is the one under
<div class="pictureList" id="pictureList">
where all the <div class="thumbnailList"> repeat.

Thanks for your help....

"Rui Paiva" <ruipaiva@hotmail.com> wrote in message
news:dirp3r$sdq1@ripley.aoltw.net...
> Hi,
>
> I am trying to develop a picture browser, and therefore have a thumbnail
> page as a starting point.
>
> With help, I got the float:left statement to do just what I needed, but it
> doesn't seem to always work in IE...
>
> To see the behaviour, please open this page, and resize it, and scroll
> down the right DIV...
>
> http://ruipaiva.dnip.net/pbnew/PictureLibrary.html
>
> As you can see, some of the spaces where there should be a thumbnail are
> empty... I have no idea why, and as I said, it works fine in Firefox...
>
> Any ideas ?
>
> Thanks .
>
> Rui
>

Rui Paiva

2005-10-16, 6:25 am

Found the problem (and solution) with the help of a csscreator.com member...

The thing was that some of my thumbnail elements did not have the same
height as the others. Therefore, the following line was being floated to the
wrong place, leaving "blank space" in the begining of some lines...

Thanks.

Rui

"Rui Paiva" <ruipaiva@hotmail.com> wrote in message
news:dissje$c261@ripley.aoltw.net...
> Here's a static version, just with the presentation ...
>
> http://ruipaiva.dnip.net/pbnew/PictureLibrary2Hc.html
>
> The relevant area is the one under
> <div class="pictureList" id="pictureList">
> where all the <div class="thumbnailList"> repeat.
>
> Thanks for your help....
>
> "Rui Paiva" <ruipaiva@hotmail.com> wrote in message
> news:dirp3r$sdq1@ripley.aoltw.net...
>
>