On Mon, 18 Sep 2006 14:51:29 -0700, William M Conlon wrote:
>
>
> http://www.rgallery.us/index.html
>
>
> On Sep 18, 2006, at 1:52 PM, ~davidLaakso replied:
>
>> See if this helps:
>> div#top { width:638px; height: 106px; border: 1px solid
>> #560116; }
>> win/IE/6 and down get this hack enclosed in a conditional
>> comment: <!--[if lt IE 7]> <style type="text/css"> div#top img {
>> display: block; height: 1%; } </style> <![endif]--> Not
>> tested. Best, ~dL
>>
> [...]
>
> Adding
>
> div#body img {display:block;}
>
> to the IE6 style sheet fixed the second problem. But in the first
> div I had two images side-by-side and the block display directive
> caused them to be rendered above and below.
>
Hi William,
Yup. Display: block; will do that. The gap is due to the image sitting
on a virtual line of text, vertically aligned with the baseline of the
text, which leaves room for the "descenders" (bottom of g,j,p etc.)
That should not happen if there's no text, but as you see IE thinks
there is.
Try this CSS rule instead (does not upset normal browsers):
#top img {vertical-align: bottom;}
Cordially,
David
--
______________________________________________________________________
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/
