nicht angemeldet
Hallo,
eigentlich war die Grundidee einen Bereich von 800x600 mittig in der Bildschirmmitte zu positionieren. Mit <div> und CSS scheint das aber nicht sauber möglich zu sein. Die einzige Möglichkeit war:
<div style="
position:absolute;
left:50%;
margin-left:-400px;
top:50%;
margin-top:-300px;
">
</div>
Diese Lösung macht aber Probleme auf kleineren Bildschirmen. (Teile des linken und oberen Bereichs werden abgeschnitten)
Andere Lösungen (<span>) laufen nur mit dem IE :(
Deshalb wollte ich jetzt die Positionierung mit Tabellen erledigen:
<style type="text/css">
#tda {
//width:auto;
//height:auto;
margin:0;
padding:0;
}
#tdb {
//width:30%;
//height:auto;
margin:0;
padding:0;
}
</style>
</head>
<body onload="preloadImages();" style="
width:100%;
height:100%;
margin:0;
padding:0;
background:#FFFFFF;
">
<table style="width:100%;height:100%;" border="1">
<tr>
<td id="tdb" style=""></td>
<td id="tda" style=""></td>
<td id="tdb" style=""></td>
</tr>
<tr>
<td id="tda" style=""></td>
<td style="
width:800px;
height:600px;
background-color:#604040;
margin-left:auto;
margin-right:auto;
padding:0;">
<div style="
width:800px;
height:600px;
background-color:#FFFF00;
">
</div>
</td>
<td id="tda" style=""></td>
</tr>
<tr>
<td id="tdb" style=""></td>
<td id="tda" style=""></td>
<td id="tdb" style=""></td>
</tr>
</table>
</body>
IE6 stell das richtig dar, Opera 6 und Netscape 7 machen die mittlere Zelle 100% des Bildschirms breit, der linke gelbe div Bereich klebt am linken Rand dieser Zelle. im übrigen macht Netscape 7 die Tabelle nicht 100% hoch :(
Was läuft da falsch? Auch table-layout:fixed bringt keine Besserung.
Liebe Grüße
Martin