vertical -align im IE 6 und 7

[BertaBiene]

Hallo...

ich habe ein panel in 3 spalten aufgeteilt, in den ersten beiden ist text und im 3ten zwei buttons`s.

die spalten sehen wie folgt aus:

Code: Alles auswählen

<ul class="pa_box">
        <li><p>test text a b c<br />
               ich will eis und ein becks</p></li>
        </ul>

dazu:

Code: Alles auswählen

.pa_box p{
   padding-left:20px;
   
   color:#6f6f6f;
   text-shadow: 1px 1px 1px #000000;
   font-size: 90.01%;
   line-height:140.01%;
   letter-spacing:1px;
   
   height:131px;
       display: table-cell;
       vertical-align: middle;
       }


in jedem Browser bis auf IE 6 und 7 wird es auch so dargestellt wie ich es will,
im IE 6 und 7 steht der Text und die 2 Button`s an der oberen kante.

Nun habe ich gegoogelt und folgendes gemacht:

Code: Alles auswählen

<!--[if lte IE 7]><style type="text/css">
.pa_box li {
      display: inline;
      zoom: 1;
      height: /**/: 1%;
      margin: 0 .25em;
      }
  </style><![endif]-->

jetzt wird im IE 6 und 7 nur die letzte spalte ao ausgerichtet wie ich es will, die ersten beiden sind noch immer oben an der kannte.

Hatt jemand einen kleinen denkanstoss?


Besten Dank und Gute Nacht

[sejuma]

Die älteren IE-Versionen können display: table-cell nicht.
Bei einzeiligem Text kannst du line-height verwenden.
Bei mehrzeiligem Text wird's problematisch und umständlich.
Vielleicht hilft dir das weiter: http://www.brunildo.org/test/valimid2.html
Ansonsten bliebe wohl nur eine Tabelle.

[BertaBiene]

Danke sejuma,

der Link hat mir geholfen, jetzt Funktioniert auch alles so wie ich es will.

Gruß