Hello, I cannot figure out how to prevent some text links from being cut off in a sidebar in IE6 and 7. When I view the site in Firefox, the text links appear how I would like them to.

Also, below the links there is a sidebar with a scroll bar, but the scroll bar does not appear in IE6. Is there anything I can do to fix these issues?

Any help would be greatly appreciated. The site is located here: www.LaLorraine.jp

Comments

artist.lupein’s picture

artist.lupein commented

Regarding links being cut-off in IE, try putting units for line-height. Specific, try

ul.menu li a {
font-size:36px;
line-height:0.35em;
text-align:right;
}

instead of

ul.menu li a {
font-size:36px;
line-height:0.35;
text-align:right;
}

As for sidebar scroll bar, I cannot see it right now, since I do not have the IE6 right now.

skatepark123’s picture

skatepark123 commented

Thank you for taking the time to help, but that didn't fix the layout problem in IE7. Is there anything else I can do?

artist.lupein’s picture

artist.lupein commented

Try setting line-height to some fixed value, like 36px. If it have no effect, I probably missed the selector. Find the right selector and set line-height there.

You could also try to set height of ul.menu li to a fixed value and see if it helps.

artist.lupein’s picture

artist.lupein commented

About the scrollbar issue - lower scrollbar appears in IE7 because right scrollbar takes some space. This happens because the height of the sidebar is fixed to 250px.

One possible way to go around this is to fix width of sidebar content to compensate for right scrollbar. I think that something like #block-views-news { width:190px; } would do the trick. You can try some other width too.