Css Line-height Property In Ie6

[cjrdanes]

The problem:

I am trying to set the line height on some menu items that are too crowded, visually speaking. Now, I though i knew what i was doing, and in fact it does work in NN6 and O7, bu it's not working in IE6. I don't care about other browsers at this point.

 

The details:

You can view the page here. I tried moving the class around to different tags [<tr>, <td>, <p>...], trying to see if inheritance or something was giving me grief, but that doesn't seem to be it. I tried using points, pixels, etc., but that's not it.

 

What am I missing? I can't find anything on the 'net that indicates problems with IE and the line-height property later than IE3. It works in the other browsers and i think that's what's frustrating me most.

 

Thanks,

cjrdanes

 

PS: no cracks about the flash. I'm creatively challenged.

[TCH-JimE]

Do you still have the problem? I use IE 6 on 1024x800 and the menu looks fine!

 

Jim

[cjrdanes]

Thanks for looking at it. I'm am still having the problem. I realise it looks functional, but it was intended to appear between X1.5 line height to X2 line height. Currently in IE only, it looks single spaced. I'm still learning how CSS performs across browsers. I think I can accomplish my objective in strait HTML, but it's going to be a nightmare to change it in the future, without using CSS.

 

I realise this is only a cosmetic issue. Nothing earth shattering, I was just hoping some web design god(dess) knew something I didn't. This is the only forum where I feel comfortable asking these things.

 

Thanks again. Maybe if enough people don't mind how it looks, I'll relax and let it ride.

 

cjrdanes

[SEO]

I belive your problem is that you do not have the correct !DOCTYPE declaration on your page (actually, you do not have an !doctype declaration).

 

You are not alone with this problem. I would recommend a Google Search: line-height problem or line-height IE6

 

 

This link may help.

 

 

Good Luck.

[cjrdanes]

Thanks for pointing out the missing !DOCTYPE.

I tried a variety of versions, with and without referencing the w3c URL, to no avail. However, I did learn a few things along the way...like how 'strict' my site isn't.

 

It's alright. Thanks everybody. I'll find a way around it or through it. Sometimes the pearls of wisdom we recieve, aren't the ones we were looking for.

 

Thank you

[Andrew]

I don't put my CSS class statement in the [TD] or [TR] lines -- I ususally use [div] tags that either call the style (div class="whatever") or define the style right there (div style="padding-top="4pt").

 

So my recommendation would be to do this:

 

><TD width="114" vAlign=top bgColor="#ffffff" class="menu"> 
<IMG height="9" src="assets/images/arrow.gif" width="9">	

<div style="padding-bottom:4pt;">[/B] 

<b><a href="index.htm">Home</a></b> <br> <IMG height="9" src="assets/images/arrow.gif" width="9">	
<b><a href="files/estimate.htm">Free Estimate!</a></b> 
<br> <IMG height="9" src="assets/images/arrow.gif" width="9"> 
<b><a href="files/feedback.htm">Feedback</a></b> 

</div>

</TD>

 

I might not have it exactly right, but that might at least put you on track. Hope it helps!

 

Andrew