✔ css postionierung

[merlin_css]

hi@all,

brauche hilfe bei der postionierung einer box mit css!

möchte eine box die 760*420 px groß ist vertikal und horizontal ausrichten!

so das sie bei einer auflösung von 1024*786 mittig ist!

und bei einer auflösung von 800*600 voll sichtbar ist ohne zu scrollen!

wer kann mir helfen?

gruß bullet

 

[Quaese]

Hi,

folgende CSS-Definitionen funktionieren mit IE 5.01, IE 5.5, IE 6, Opera 7.22, Mozilla 1.6,
Firefox 0.9.1 und Netscape 7.1.

body, html{ margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;}
.mainDiv{ position: absolute;
          left: 50%;
          margin-left: -380px;
          top: 50%;
          margin-top: -210px;
          width: 760px;
          height: 420px;
          overflow: auto;
          border: 1px solid black;}

Vielleicht hilft Dir das weiter.

Ciao
Quaese

 

[merlin_css]

hi quaese,

danke für deine hilfe! genau das meinte ich, super danke!

machst du viel mit css

gruß bullet

 

[hela]

Hallo,

ich will weder meckern noch etwas schlecht machen. Habe aber vor einiger Zeit auf o.g. Weise die horizontale Zentrierung von div-Blöcken vorgenommen und dabei zwei kleine Mängel festgestellt:

1. Falls die Fensterbreite kleiner als die Breite des div-Blockes ist, dann kann auch mit Hilfe des horizontalen Scrollbalkens nicht die gesamte Blockbreite eingesehen werden! Der linke Blockrand wird entsprechend der Differenz (Blockgröße-Fenstergröße) abgeschnitten.
2. Netscape 7.1 stellt im Drucklayout den Blockinhalt nicht vollständig dar.

Habe daraufhin die Zentrierung nur noch wie folgt vorgenommen:

body {
text-align: center;
}
#mainDiv {
text-align: left;
width: 760px;
margin: 0px auto;
...
}

Habe o.g. Aussagen nur am IE6, Netscape 7.1 und Opera 7.23 bzw. 7.54 überprüft.
Aber die Zeiten ändern sich und die Browser ändern sich auch.