IE 5/Win float images

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Brian - 28 Aug 2003 19:52 GMT

Hello all. I've come across some strange behavior using MSIE
5.0/Win2k. Url below (valid html 4.01, css checked)

< http://www.julietremblay.com/test/gallery/portfolio/ >

When I click on one of the thumbnails, which link to a larger image,
the entire gallery jumps down. This repeats when I scroll down and
reclick. Every once in a while, a thumbnail does indeed open. This
behavior is not reproduced in Moz 1.3, nor in O7.

The links contain js which create a framed window for the photos. I
disabled js, and witnessed the same behavior. While trying to track
down the bug, I created a copy and placed the styles that I thought
might cause it, but was unsuccessful in reproducing the behavior with
a subset of the styles. That url is

< http://www.julietremblay.com/test/gallery/portfolio/democontrol.html >

On the live page e.g.

< http://www.julietremblay.com/portfolio/b.html >

I mark the thumbnails as a ul, which stopped the jumping. Is it
inadvisable to define images as block and float them?

Signature

Brian
follow the directions in my address to email me

Reply to this Message

Nikolaos Giannopoulos - 30 Aug 2003 21:35 GMT

> Hello all. I've come across some strange behavior using MSIE
> 5.0/Win2k. Url below (valid html 4.01, css checked)
[quoted text clipped - 5 lines]
> reclick. Every once in a while, a thumbnail does indeed open. This
> behavior is not reproduced in Moz 1.3, nor in O7.

I have heard that there is a bug with IE5 Win and using em units for
specifying margins but am not sure that this would cause this behaviour.

If you remove the styling of the div with "series" then your problem
goes away.

Furthermore if you change your series rule to:

.series {
/*width: 400px ;*/
max-width: 95% ;
margin-bottom: 1em ;
} /* gallery -- collection of thumbnails */

i.e. to not specify a width then your problem goes away.

Albeit in both cases the layout is not right but this seems to indicate
that this is most likely a box model bug - I would suggest playing
around with box model hacks to do something "special" aka acceptable for
IE 5 Win.

What a wild bug....

--Nikolaos

Reply to this Message

Brian - 31 Aug 2003 06:10 GMT

>> I've come across some strange behavior using MSIE 5.0/Win2k. Url
>> below (valid html 4.01, css checked)
[quoted text clipped - 9 lines]
> for specifying margins but am not sure that this would cause this
> behaviour.

I recall reading about a bug with font-size and em units. The fix was
to explicitly set font-size: 100% in body element. I wonder if that
would do anything here? I'll have to try it.

> If you remove the styling of the div with "series" then your
> problem goes away.
[quoted text clipped - 8 lines]
>
> i.e. to not specify a width then your problem goes away.

I didn't realize that.

> Albeit in both cases the layout is not right but this seems to
> indicate that this is most likely a box model bug

But only when I float the image directly. Interestingly, I can
specify a width if I mark it up as a UL, such that each thumbnail is
in a LI element. Furthermore, the control file I set up

< http://www.julietremblay.com/test/gallery/portfolio/democontrol.html >
also has a width set, and works. I have not figured which style(s),
combined with the width on .series, are breaking the page.

> I would suggest playing around with box model hacks to do something
> "special" aka acceptable for IE 5 Win.

I'll have to give that a try as well. When I get to it, I'll report
the results.

> What a wild bug....

I thought so, too.

Signature

Brian
follow the directions in my address to email me

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / August 2003

IE 5/Win float images