✔ Seite automatisch im Browser zentrieren

Status
Nicht offen für weitere Antworten.
S

Soccerking

Grünschnabel
Hallo!
Ich arbeite seit kurzem mit Adobe GoLive CS2 und finde in diesem Programm absolut keine Einstellungsmöglichkeit dafür, meine erstellten Seiten automatisch im Browserfenster zentrieren zu lassen. Ich habe gelesen, dass es angeblich mit einer Tabelle funktioniert, aber das ist mir ehrlich gesagt zu dumm. Ich bitte daher um Hilfe, was für eine Einstellung ich da nun vornehmen könnte. Vielen Dank im Vorraus!
 
Hi,

wende die CSS-Angabe margin:0 auto auf das übergeordnete Element an, in dem der Seiteninhalt eingebunden ist- also z.B.:

Code: 
<body>
    <div id="wrapper">
        <!-- Hier folgt der Bestand -->
    </div>
</body>
Code: 
div#wrapper {
width: 700px;
margin: 0 auto;
}
 
@michaelsinterface: Das zieht aber bei alten IE-Versionen nicht. Zumindest hab ich die Erfahrung gemacht.

Abhilfe schafft:

Code: 
position: relative;
margin-left: -350px;
left: 50%;
 
@michaelsinterface: Das zieht aber bei alten IE-Versionen nicht. Zumindest hab ich die Erfahrung gemacht.

Abhilfe schafft:


Code:
position: relative;
margin-left: -350px;
left: 50%;
Zum Vergrößern anklicken....

Jop das ist besser, aber ist die Position nicht dabei bei "absolute"?
Aso und bei
left: 50%;

Dann immer bei margin-left: die hälfte der gesamtbreite im minus bereich :).
Sollte man halt noch erklären ^^
 
Hi!
msycho hat gesagt.:
@michaelsinterface: Das zieht aber bei alten IE-Versionen nicht. Zumindest hab ich die Erfahrung gemacht.

Abhilfe schafft:

Code: 
position: relative;
margin-left: -350px;
left: 50%;
Zum Vergrößern anklicken....
Für die 5er-Baureihe reicht da auch:

Code: 
body {
text-align: center;
}
Und im nachfolgenden Element wird die horizontale Ausrichtung wieder auf linksbündig (zurück-)gesetzt:

Code: 
div#wrapper {
width: 700px;
margin: 0 auto;
text-align: left;
}
Fertig :-)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück