Text is hanging low in IE7

Chippe - October 30, 2007 - 02:49
Project:bluebreeze
Version:5.x-1.2
Component:CSS
Category:bug report
Priority:critical
Assigned:Unassigned
Status:active
Description

Text in the sidebars (block) are lower than the icons.

Text in Primarylinks are "hanging" low. Put in the letter g in a primarylink and you won't be able to see the lower part of g.

Text is "hanging" low in fields - works if you change to font 99% in:

input, textarea, select, textfield {
font 99% .....

#1

Chippe - October 30, 2007 - 16:55

1. Text in the sidebars (block) are lower than the icons.
-I don't know how to fix this yet, maybe you do?

2. Text in Primarylinks are "hanging" low
Put in a letter like g in a primarylink and you won't be able to see the lower part of g.
-I think it has to do with the line-height in style.css:

#primary ul li a, #primary ul li a:visited {
line-height: 10px;

Seems like the line-height is blocking the text. Adjusting the line-height = adjusting what's covering the text.

-Works fine if you adjust padding, height and line-height like:

padding: 1px .8em 0 .8em;
height: 14px;
line-height: 12px;

3. Text is "hanging" low in fields
-works fine if you change to font 99% in style.css:

input, textarea, select, textfield {
font 99%...

Im really new to CSS and there might be a better solution.

 
 

Drupal is a registered trademark of Dries Buytaert.