Startseiten Logo zentrieren egal welcher browser
- Themenstarter NgiseD
- Beginndatum
- Status
GlassEye
Mitglied
Solange das zu zentrierende Objekt eine feste Größe hat kannst Du es wie folgt positionieren:
Angenommen Dein Logo ist 400x300 Pixel groß.
<style type="text/css">
body { margin-top:0px;margin-left:0px}
#aussen { height:300px;width:400px;margin-top:-150px;margin-left:-200px;top:50%;left:50%;position:absolute;}
#innen { height:300px; width:400px; position:absolute; margin-left:0px; margin-top:0px; }
</style>
</head>
<body>
<div id="aussen">
<div id="innen">
Dein Logo!
</div>
</div>
</body>
Die Zeilenumbrüche in den Style-Angaben darfst Du nicht übernehmen.
Sollte es nicht ganz die Mitte sein kannst Du die Style-Angaben: top:50% und height:50% anpassen.
Wir haben diese Variante mit IE5.5, Mozilla1.3a, Netscape 7.01, Opera6.05 sowie allen Auflösungen getestet.
Beispiel: http://www.kwebdesign.de/
Angenommen Dein Logo ist 400x300 Pixel groß.
<style type="text/css">
body { margin-top:0px;margin-left:0px}
#aussen { height:300px;width:400px;margin-top:-150px;margin-left:-200px;top:50%;left:50%;position:absolute;}
#innen { height:300px; width:400px; position:absolute; margin-left:0px; margin-top:0px; }
</style>
</head>
<body>
<div id="aussen">
<div id="innen">
Dein Logo!
</div>
</div>
</body>
Die Zeilenumbrüche in den Style-Angaben darfst Du nicht übernehmen.
Sollte es nicht ganz die Mitte sein kannst Du die Style-Angaben: top:50% und height:50% anpassen.
Wir haben diese Variante mit IE5.5, Mozilla1.3a, Netscape 7.01, Opera6.05 sowie allen Auflösungen getestet.
Beispiel: http://www.kwebdesign.de/
Zuletzt bearbeitet:
- Status
