Zwei Elemente zentrieren

[Robert]

Hi,

ich hätte hier noch eine vollständige lösung die für alle aktuellen Browser funktionieren müsste, allerdings mit Javascript:
<style type="text/css">
.div1
{
 width:600px;
 height:100px;
 border: 3px solid black;
}
.div2
{
 border: 1px solid red;
 padding:5px;
}
.div3
{
 border: 1px solid red;
 padding:5px;
}

</style>

<div class="div1" id="div1">

<table align="center">
<tr><td>
<div class="div2" id="div2">
test
</div>
</td>
<td>
<div class="div3">
test
</div>
</td></tr>
</table>

</div>

<script type="text/javascript">
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
var tmp = div1.offsetHeight - div2.offsetHeight;

navigator.appName != "Microsoft Internet Explorer"
?
div1.style.paddingTop = tmp-(div2.offsetHeight/2)
:
div1.style.padding = tmp-(div2.offsetHeight/2);
</script>