~davidLaakso wrote:
> Stuck.
> I have created a monster in
> ie.<http://www.dlaakso.com/chelsea.html>. Works as intended in
> Opera and the Gecko's <http://www.dlaakso.com/positioning.jpg>.
> The relevant code(embedded & hidden from mac/ie5.2) is:
> div#content div div div#thumbanchor
> Fair warning: the code is not for the faint of heart.

Well, consider me brave then ;-)

AFAICS, the reason div#thumbside02 drops, is that you gave it a
50px top padding, while you gave div#thumbside01 only 36px top
padding. So I changed the 50px into 36px, and IE displays as
desired, but then Firefox gets it pearshaped.
Haven't figured out exactly why, but probably to do with 
collapsing margins on div#thumbwrap and/or div#thumbcontain, as 
it's just a 1px top padding or a 1px top border on div#thumbmain 
that solves it both in Firefox and Opera.

Just a Q: Why did you place #thumbside02 after #thumbmain? I
usually put both left and right floats before center content, and
never had to add a border to make left and right even out
vertically.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/

Reply via email to