XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Testcase Netscape: Box immer zentriert, daher unlesbar (http://xhtmlforum.de/showthread.php?t=47811)

Leeloo 08.09.2007 19:28

Testcase Netscape: Box immer zentriert, daher unlesbar
 
Hallo Gemeinde,

bin vor einiger Zeit auf ein Verhalten im Netscape (verwende hier 7.1) gestoßen, das mich ein wenig irritiert hat.

Das Testcase enthält zwei div-Container mit fester Breite, die beide über margin:auto mittig auf der Seite sitzen. Wenn man das Browserfenster verkleinert und ein bisschen den rechten Rand hin und herschiebt, kann man beobachten, was passiert: In Opera, FF und IE 6+7 bleibt die Box so lange zentriert, bis das Fenster zu klein wird. Dann sitzt sie am rechten Rand und ein Querscrollbalken erscheint, so dass man den restlichen Text lesen kann.
In Netscape allerdings bleibt die Box beständig am selben Punkt zentriert. Rutscht dieser durch das Fenster-Resize weit genug nach links, verschwindet auch die Box im linken Seitenaus ;) Da hilft auch der Scrollbalken nicht weiter, denn der scrollt nur nach rechts.

Schwer zu beschreiben, einfach mal anschauen:
Hier der html-Teil:
Code:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Testcase</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<div id="box1">
Erste Box bleibt bei zu kleinem Fenster an keine Ahnung was zentriert und verschwindet links aus dem Sicht- und Scrollbereich.</div>

<div id="box2">
Zweite Box bleibt so lange zentriert, bis das Fenster zu klein wird. Dann richtet sie sich am linken Rand aus und bleibt so lesbar. Einziger Unterschied im CSS ist der Border.</div>
</body>
</html>

und hier das css:
Code:

#box1        {
        background-color:#ddd;
        width:970px;
        height:50px;
        margin:0px auto 0px auto;
        }
       
#box2        {
        background-color:#ddd;
        width:970px;
        height:50px;
        margin:0px auto 0px auto;
        border:1px solid #000;
        }

oder Live auf http://www.metratec.com

Witzig ist: Durch einen Border wird der Effekt verhindert und alles ist ganz normal. Hat das etwas mit der internen Has-Layout-Sache zu tun? Ich muss gestehen, dass ich diesen Teil noch nicht so ganz verstanden habe und ich dachte, das wäre nur eine IE-Sache...
Vielleicht hat einer von euch eine Erklärung für diesen Effekt und und vielleicht sogar - noch besser - eine Lösung ;)

Liebe Grüße,
Leeloo


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:46 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023