✔ DIV Inhalt vertikal zentrieren

[schiese]

Hallo,
ich würde gerne den Inhalt des Divs zentrieren, nur kriege ich es nicht hin. Mache ich es mit padding-top klappt es im Firefox, aber der IE stellt es nicht richtig dar. Mit margin-top ändert nicht mehr das komplette div beim überfahren die Farbe.

<table border="0" width="140" style="border-collapse:collapse; background-color:rgb(230,230,230);" cellpadding="0" cellspacing="0">
 <tr>
  <td class="navilinks"><div id="faerben"><a href="#">Inhalt</a></div></td>
 </tr>
 <tr>
  <td class="navilinks"><div id="faerben"><a href="#">Inhalt</a></div></td>
 </tr>
 <tr>
  <td class="navilinks"><div id="faerben"><a href="#">Inhalt</a></div></td>
 </tr>
 <tr>
  <td class="navilinks"><div id="faerben"><a href="#">Inhalt</a></div></td>
 </tr>
 <tr>
  <td class="navilinks"><div id="faerben"><a href="#">Inhalt</a></div></td>
 </tr>
 <tr>
  <td class="navilinks"><div id="faerben"><a href="#">Inhalt</a></div></td>
 </tr>
 <tr>
  <td class="navilinks"><div id="faerben"><a href="#">Inhalt</a></div></td>
 </tr>
 <tr>
  <td style="height:150px;" valign="bottom" align="right"><img src="untenrechts.bmp"></td>
 </tr>
</table>

div#faerben a {
border:0px;
background:rgb(230,230,230);
width:138px;
height:30px;
text-decoration:none;
color:black;
font-size:9pt;
font-family:Arial, sans-serif;
display:block;
}

div#faerben a:hover {
background:rgb(240,240,240);
text-decoration:none;
color:black;
}

Hat vielleicht jemand eine Idee?

schiese

 

[Maik]

Hi,

ersetze mal die height-Eigenschaft durch line-height.

Zudem muss eine ID im HTML-Dokumentbaum eindeutig sein, und darf darin nicht mehrmals vergeben werden - verwende stattdessen eine CSS-Klasse .faerben.

 

[schiese]

Vielen Dank, es funktioniert.

schiese