nicht angemeldet
Aktueller Opera-Bug: position:absolute;
Wenn man einen <div> mit Pixelabgaben für width: und height: absolut positioniert, so verliert Opera (auch in der aktuellen Version) dessen vertikale Positionierung, wenn man die Größe des Browserfensters verändert.
Man müsste die Seite neu laden, um die Positionierung wieder herzustellen.
Beispiel:
----------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<style type="text/css">
#box {
position:absolute;
left:50%;
top:50%;
width:100px;
height:100px;
background:red;}
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>
----------------------------
Wenn mindestens eine der beiden Angaben (width: oder height:) in Prozent gemacht wird, besteht dieser Bug nicht.
Beispiel:
----------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<style type="text/css">
#box {
position:absolute;
left:50%;
top:50%;
width:10%;
height:100px;
background:red;}
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>
----------------------------
Ich habe entdeckt, dass man den Bug durch 2 geschachtelt <div>s mit je einer Angabe (width: oder height:) in Prozent umgehen kann.
Beispiel:
----------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<style type="text/css">
#boxaussen {
position:absolute;
left:0;
top:50%;
width:100%;
height:100px;
background:#f9f9f9;}
#boxinnen {
position:absolute;
left:50%;
top:0;
width:100px;
height:100%;
background:red;}
</style>
</head>
<body>
<div id="boxaussen">
<div id="boxinnen"></div>
</div>
</body>
</html>
----------------------------
Nun finde ich das nicht besonders elegant.
Hat von euch jemand Erfahrung mit diesem Bug?
Gibt es eine elegantere Lösung?
Liebe Grüße, Stefan