nicht angemeldet
Hallo
Ich möchte gerne 2 Divs (beide mit Position: absolute) horizontal zentrieren. Nach einigem Googlen war das allgemeine Echo: geht nicht. Allerdings bin ich auf der SelfHTML Seite dann auf eine Möglichkeit gestossen.
Die habe ich ausprobiert und siehe da: funktioniert eigentlich auf allen Browsern die ich bei mir installiert habe (IE 7, Firefox 1.5.0.11, Opera 8.01).
Frage:
Hat jemand noch Erfahrungen mit dieser Lösung auf älteren Browsern (IE 6, IE auf Mac, Opera 7 usw...) bei denen es mit dieser Variante eventuell Probleme geben könnte? Oder ist diese Lösung auch für ältere Browserversionen OK?
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
#test {
position: absolute;
left: 50%;
width: 400px;;
margin-left: -200px;
top: 10px;
z-index: 1;
}
#test2 {
position: absolute;
left: 50%;
width: 400px;
margin-left: -200px;
top: 355px;
z-index: 2;
}
-->
</style>
</head>
<body>
<div id="test2">OBERER DIV CONTAINER</div>
<div id="test"><img src="flames.jpg" alt="" width="400" height="335"></div>
</body>
</html>