Eric Hassler wrote:
> http://erichassler.com/mommytalk_v2/
> [...] In FF and Safari you can scale the type and it works fine. In
> IE, however, the negative margin doesn't pull the bottom div up to
> the bottom of the photo.
>
> I hope I explained that well enough. It'll be obvious when comparing
> FF and IE
Not really, since they come up with a space in all my browsers.
Anyway, the cause is that IE makes room for text - with line-height - in
an empty div. There have been a few similar cases on css-d lately, so
you'll may look around for examples.
The safest solution is to add a comment inside those clearing-divs...
<div class="clearFloats"><!-- --></div>
...to make IE understand that it is empty.
Also: add 'position: relative' to those photos to avoid them getting
covered by the bottom div in IE.
Other than that: the "fixed" line-height doesn't play well in IE-win, as
that small text forces me to 'ignore font size' anyway.
And, there's no attribute 'clearfix'...
<img clearfix src="images/mbr_101606_raine.gif" ... />
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
