[mudd]

Hi,
ich bin noch relativ neu bei HTML, habe aber schon einiges gelernt. Zur Zeit bau ich meine Layouts mit Divtags und definiere diese mit CSS. Aber ich habe ein Problem. Wie richte ich ein DIV-Objekt zentral aus? Wenn ich style="left:50%;" eingebe, dann geht die Definition immer vom 0 Punkt aus, d.h. dass die linke Seite des DIV Objektes in der Mitte ist und nicht die Mitte des Objektes.

Wie bekomme ich die zentral?

[Witi]

.center { margin: 0px auto }

[clyde²]

Probiers mal hiermit:

#main	   
   {
   text-align: center;
   position: absolute;
   top: 20%;
   left: 0px;
   width: 100%;
   height: 1px;
   overflow: visible;
   visibility: visible;
   display: block
   }

#rand
   {
   margin-left: -260px;
   position: absolute;
   top: -100px;
   left: 50%;
   width: 520px;
   height: 530px;
   border: solid 1px #000000;
   }

<div id="main">

<div id="rand"></div>

</div>

Dieser Beitrag wurde von clyde² bearbeitet: 04. November 2007 - 21:28

[mudd]

clyde²: Das versteh ich nicht. Wieso 2 divs? Und wieso

margin-left: -260px;
top: -100px;

?

[Witi]

Nachteil an clyde²s Lösungsvorschlag ist, dass es mit absoluter Positionierung arbeitet. Du wirst also recht viel Spaß bekommen, wenn du später Elemente verwendest, die absolut positioniert sein müssen.

Um nochmal mein Beispiel aufzugreifen. Mehr als das benötigst du nicht um eine Box zu zentrieren.

<div style="margin: 0px auto">...</div>

[Stan]

Zitat (Witi: 05.11.2007, 07:27)

Nachteil an clyde²s Lösungsvorschlag ist, dass es mit absoluter Positionierung arbeitet. Du wirst also recht viel Spaß bekommen, wenn du später Elemente verwendest, die absolut positioniert sein müssen.

Um nochmal mein Beispiel aufzugreifen. Mehr als das benötigst du nicht um eine Box zu zentrieren.

<div style="margin: 0px auto">...</div>

um was mit "auto" auszurichten muss imo eine Breite angegeben sein.

[Witi]

Nein, 0px reicht.

[amalbhalbe]

stan hat schon recht .. margin:0px auto funktioniert schon auch ohne weitere Angaben .. aber was soll er den zentrieren? sich selbst? dann hast du imho nichts zentriert .. also ergibt der befehl semantisch nur dann sinn wenn ne breite angegeben ist -

[Witi]

Zitat

dann hast du imho nichts zentriert .. also ergibt der befehl semantisch nur dann sinn wenn ne breite angegeben ist

Ja ok, ihr habt schon recht.
Standardnäßig hast du eine Breite von 100% und somit wirst du keine wirkliche Zentrierung feststellen können. Erst bei einer Breite von unter 100%.

Was noch wichtig zu erwähnen ist, dass das "auto" nur im Standard- und nicht im Quirksmodus läuft.