✔ padding-top und height

[sipoh]

Hallo,

ich habe ein kleines problem mit meiner Navi:

Einen Link

<a href="#" class="index">Link</a>

habe ich so definiert:

a.index {
font-size:11px;
color: #444;
height:17px; /*Ges: 20px */
width:450px;
padding: 3px 0 0 0;
margin:0;
float:left;
clear:left;
background:#f2f6db;
border-bottom:2px solid #fff;
}

Ich habe von der ursprünglichen Höhe 3px abgezogen, weil die im padding wieder drauf kommen. Das Ganze habe ich gemacht, um den Linktext vertical mittig zum ges Linkobjekt auszurichten.

Im Firefox gehts - im IE nicht. (Auch wenn ich die 2px vom border noch abziehe.. )

 

[Maik]

Hi.

Das Ganze habe ich gemacht, um den Linktext vertical mittig zum ges Linkobjekt auszurichten.

Verwende mal anstelle von height:17px und padding-top:3px die Eigenschaft line-height:20px. Mit dieser Angabe wird der Elementinhalt vertikal zentriert.

 

[sipoh]

Hallo,

vielen Dank.

Hat funktioniert.