Previous Message
Next Message

Problem with floated items and clears - PS

Sent by Michel Bozgounov on 14 March 2006 12:12


=====================
Oliver Hodgson wrote:
 > I refer you to here:
 > http://meyerweb.com/eric/thoughts/2006/02/03/charting-ie7b2/
 >
 > ...and then to here:
 > http://archive2.webstandards.org/buzz/archive/2006_03.html#a000611
 >
 > IE7 Beta 2 Preview is b0rk3d, but the next preview version appears to be a 
hell of a lot better. As you say, it's only a beta - don't worry too much about 
it just yet.
 >
 > Cheers,
 >
Thanks! Let's see the third beta ;-)


==========
Els wrote:
 >> If the above solution doesn't work, a URL would help to see the
 >> exact situation.
 >
 > Sorry about that, Gunlaug's reply showed me I simply overlooked your URL.
 >
 > I tried your layout locally, and just adding
 > .galleryitem div{zoom:1;}
 > solves it and doesn't mess up IE7.
 >
Yes, it solved the problem! Thanks! :-)

* * *

The ONLY REMAINING BUG that puzzles me is the following:

Now in FF 1.5.0.1, IE 6, 7 beta 2, Opera 8.5 the gallery behaves as intended.

{zoom:1} fixed it all! :-)

But one strange thing happens in FF 1.5 (does ANYONE experienced something like 
this before?).

Open http://bluelink.net/zero-waste/. Then click on the THIRD link from BOTTOM 
to top, which is the GALLERY LINK 
(http://bluelink.net/zero-waste/camp_gallery.shtml)

Do you see how the text *Source: [ source here ]*
FALLS BELOW THE IMAGE?

But ONLY in the FIRST DIV!

In the next DIVs the text *Source: [ source here ]* is right below the paragraph 
next to the image!

What is even more strange, is the fact that on refresh (F5) the text goes up and 
now all the DIVs look the same, as intended.

Bur wonder away from the page http://bluelink.net/zero-waste/camp_gallery.shtml 
and then again go back to it, you'll see the previous effect again!

The html is maybe wrong?

<div>
<p><a href="javascript:popImage('/zero-waste/gallery/gara-Iskar1.JPG','')"><img 
src="/zero-waste/gallery/gara-Iskar1r.JPG" alt="" /></a>Lorem ipsum dolor sit 
amet, consectetuer adipiscing elit. Nunc eu ligula mattis ipsum fringilla 
tempor. (THIS TEXT IS EXPLANATION TEXT FOR THE IMAGE)</p>
<p class="source">Source: [ source here ] (THIS SHOULD BE RIGHT BELOW 
EXPLANATION TEXT, NOT BELOW IMAGE)</p>
</div>

Only in FF 1.5.0.1 the paragraph with the source falls below the image, I can't 
imagine why! And it's ok on refresh, then again...

I guessed that it's related to {display: table}, but cannot understand how could 
I fix it...

Thanks for everyone on this great list! :)))))))))))


Michel






______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: