zentrierter div nur eingeschränkt scrollbar?

[Alex]

Hallo,
ich habe ein div folendermassen zentriert:

.master {
background-color: #CC9900;
position: absolute;
left: 50%;
top: 50%;
height: 500px;
width: 600px;
margin-top: -250px;
margin-left: -300px;
}

Wenn man nun das Browser-Fenster verkleinert, erscheinen zwar die Scrollbalken, aber der Inhalt läßt sich trotz scrollen nicht ganz anzeigen.

Kann mir jemand sagen, woran das liegt? Und wie man das in den Griff bekommt?

schönen Gruß, - Alex

[Felix Riesterer]

Lieber Alex,

Kann mir jemand sagen, woran das liegt? Und wie man das in den Griff bekommt?

Du sprichst von welchen verwendeten Browsern? Wo kann man sich das einmal anschauen?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Alex]

Hallo Felix,

Du kannst den Fehler auf meiner "Wasichlernprobierichgleichaus-Site" unter www.gagaris.de sehen. Klick auf die Links zu den "websitetests". Der andere Kram ist größtenteils mit Frames und Tabellen
Diese Sites sind wie beschrieben zentriert.
Das Problem tritt im FF und IE6 auf. Andere Browser habe ich diesbezüglich noch nicht gecheckt.

Danke für Dein Entgegenkommen und schöne Grüße aus Berlin, - Alex

[Felix Riesterer]

Lieber Alex,

Du verwendest negative Werte für margin. Deshalb rutschen Inhalte unter den Rand. Sollte der Anzeigebereich größer sein, als nötig, dann rutscht eben alles in die Mitte (wie beabsichtigt). Ist aber der Anzeigebereich zu klein, dann muss gescrollt werden, wobei die Ränder außerhalb des sichtbaren Bereichs landen (hast Du so eingestellt!).

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[wahsaga]

hi,

Wenn man nun das Browser-Fenster verkleinert, erscheinen zwar die Scrollbalken, aber der Inhalt läßt sich trotz scrollen nicht ganz anzeigen.

Kann mir jemand sagen, woran das liegt?

Daran, dass du exakt die Angaben gemacht hast, die das bewirken.

Und wie man das in den Griff bekommt?

In dem man auf diese Angaben verzichtet - und am besten auch gleich darauf, dem Besucher nur "zentrierte" Minimal-Inhalte vorzusetzen.

gruß,
wahsaga

[at]

Hallo.

Und wie man das in den Griff bekommt?

In dem man auf diese Angaben verzichtet

In dem Griff?
MfG, at

[Detlef G.]

Hallo Alex,

position: absolute;
left: 50%;
top: 50%;

Hiermit sagst du, dass sich die linke obere Ecke genau in der Mitte des
Browserfensters befinden soll.

margin-top: -250px;
margin-left: -300px;

Hiermit verschiebst du diesen um 250px nach oben und 300px nach links. Da
die üblichen Browser kein Scrollen über den oberen und linken Rand hinaus
ermöglichen wird immer ein Teil unerreichbar abgeschnitten, wenn das Fenste
niedriger als 500px oder schmaler als 600px ist.

Wenn man nun das Browser-Fenster verkleinert, erscheinen zwar die Scrollbalken, aber der Inhalt läßt sich trotz scrollen nicht ganz anzeigen.

Hast du etwas anderes erwartet?

... Und wie man das in den Griff bekommt?

Schau dir mal folgende Beispiele an:
Zentrieren mit extra Spacer für IE
CSS vertical centering using float and clear

Auf Wiederlesen
Detlef