Re: [css-d] Spacing issue in nav UL

[Moshe Tapnack]

Thanks Georg!
I will give it a go!

Regards,
Moshe

-Original Message-
From: Gunlaug Sרrtun [mailto:[EMAIL PROTECTED] 


The problem however, is that the 'ul' is taller than 32px because those
images are inline (default), and the list expands to make room for
descenders below the baseline those images are "sitting on".

So, a more suitable solution is to float the images, which will turn them
into block-elements. Add... ul img {float: left;} That will make the list,
with images, fit inside the 32px high #nav in all browsers.


Add...
#LeftSide img {display: block;}
...to fix it. Somewhat similar to the above in that the space is caused by
the fact that IE calculates room for text in the div even if there is none,
and the space below the image is for descenders of that non-existing text.

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/

[css-d] Spacing issue in nav UL

[Moshe Tapnack]

Hi folks

I recently joined the list and am jumping in for my first question(s).

Pls see: http://tapnack.net/azla (css:  http://tapnack.net/includes.1.css) 

Q1: you will see that in IE the navigation bar has a blue-ish space below
the bottom border - it shouldn't be there, but rather only 32px (the height
of the images). The issue existed on FF as well, until I set the height of
#nav to 32px.
Q2: in IE, below the picture on the left, there seems to be a small space
between it and the div below, which has a BG image. In FF this displays
fine.


Many thanks in advance!
Moshe

__
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/