Text in sidebar cut-off in IE6 & 7
skatepark123 - February 20, 2008 - 06:41
| Project: | Artists C01 |
| Version: | 5.x-1.x-dev |
| Component: | Miscellaneous |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
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
#1
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.
#2
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?
#3
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.
#4
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.