✔ Text in eine DIV-Box mittig setzen

[Maik]

So könnte ein möglicher Workaround aussehen, um im IE die gewünschte vertical-align-Deklaration zu erzwingen ;-)

<style type="text/css">
.box {
width:150px;
height:50px;
display:table-cell;
vertical-align:middle;
text-align:center;
border:1px solid #000;
}
</style>
<!--[if IE]>
<style type="text/css">
.box td {
height:50px;
vertical-align:middle;
}
</style>
<![endif]-->

<div class="box">
     <!--[if IE]><table><tr><td><![endif]-->
     box<br>box
     <!--[if IE]></td></tr></table><![endif]-->
</div>

 

[kalle123456]

So könnte ein möglicher Workaround aussehen, um im IE die gewünschte vertical-align-Deklaration zu erzwingen ;-)

<style type="text/css">
.box {
width:150px;
height:50px;
display:table-cell;
vertical-align:middle;
text-align:center;
border:1px solid #000;
}
</style>
<!--[if IE]>
<style type="text/css">
.box td {
height:50px;
vertical-align:middle;
}
</style>
<![endif]-->

<div class="box">
     <!--[if IE]><table><tr><td><![endif]-->
     box<br>box
     <!--[if IE]></td></tr></table><![endif]-->
</div>

Ja super, das meinte ich.

Gruss