title image


Smiley Re: Vertikal Ausrichtung klappt nicht
> ICH MÖCHTE WISSEN, WARUM DER TEXT IM "li-KASTEN" NICHT

VERTIKAL-MITTIG ZENTRIERT WIRD!!!!!



Wieso sollte er?

vertical-align funktioniert nur in Tabellen oder mit 2 Containern, die mit

display:table; und display:table-cell formatiert wurden.



Beispiel:

li {

height: 45px;

display: table;

}

li a {

display: table-cell;

vertical-align: middle;

}



display:table; und display:table-cell; werden vom IE nicht interpretiert. Eine

Abhilfe für diesen Browser wäre die Formatierung von line-height in a.



/* fix for IE-win, hide from IE-mac \*/

* html li a {

line-height: 45px;

}

/* end fix/hide */



Das versteht allerdings der IE7 nicht.



Für den 7er muss die IE-spezifische Formatierung über ein conditional comment

eingebunden werden. Ich habe den 7er nicht, denke mir aber, dass es auch hier

ausreicht, wenn line-height formatiert würde.





<!--[if gt IE6]>

<style type="text/css">

li a {

line-height: 45px;

}

</style>

<![endif]-->



mfg Achim

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: