div horizontal + vertikal zentriert

Status
Nicht offen für weitere Antworten.

campari

Erfahrenes Mitglied
Bei folgender Version, bei der ungewöhnlicherweise in nahezu allen von mir getesteten Browsern horizontal und vertikal zentriert wird, ist beim Verkleinern des Browserfensters < 800px der linke Rand , bzw < 500px der obere Rand, abgeschnitten:

HTML:
<style type="text/css">
#vertikal
{
    position: absolute;
    top: 50%;
    width: 99%;
    background-color: transparent;
    height: 1px;
}
#horizontal
{
    position: absolute;
    left: 50%;
    margin-left: -400px;
    margin-top: -250px;
    width: 800px;
    height: 500px;
    background-color: #DEDEDE;
}
</style>
</head>
<body>
    <div id="vertikal">
        <div id="horizontal">
        </div>
    </div>
Ist das Problem lösbar?
Danke im Vorraus!
 
Hi,

das Problem ist bekannt und nicht browserspezifisch.

Für die horizontale Zentrierung könnte anstelle der Positionierung margin:0 auto eingesetzt werden, für die vertikale Zentrierung gibt es da leider keine Alternative, außer die Verwendung einer verschachtelten Tabelle. :rolleyes:
 
Status
Nicht offen für weitere Antworten.
Zurück