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?
Seite 1 von 1
Div Zentrieren?
Anzeige
#2
geschrieben 04. November 2007 - 21:21
.center { margin: 0px auto }
#3
geschrieben 04. November 2007 - 21:28
Probiers mal hiermit:
<div id="main">
<div id="rand"></div>
</div>
#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
-clyde ist gegangen-
*bye*
*bye*
#4
geschrieben 04. November 2007 - 22:01
clyde²: Das versteh ich nicht. Wieso 2 divs? Und wieso
margin-left: -260px;
top: -100px;
?
margin-left: -260px;
top: -100px;
?
Mit freundlichen Grüßen
Baum (ICQ: 472-793)
Baum (ICQ: 472-793)
#5
geschrieben 05. November 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.
Um nochmal mein Beispiel aufzugreifen. Mehr als das benötigst du nicht um eine Box zu zentrieren.
<div style="margin: 0px auto">...</div>
#6
geschrieben 05. November 2007 - 12:26
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.
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.
#7
geschrieben 05. November 2007 - 16:00
Nein, 0px reicht.
#8
geschrieben 16. November 2007 - 22:41
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 -
Pc is my life, amd my world, intel my enemy and Linux my Hell
#9
geschrieben 17. November 2007 - 11:30
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.
Thema verteilen:
Seite 1 von 1