Div-Element zentrieren?

Firerfan · 15. Mai 2011

Guten Morgen,
bin gerade ein bisschen am Überlegen.

Wie kann ich ein Div-Element für einen HTML Quelltext, ambesten via CSS, Horizontal zentrieren?
Habe berreits diverse Dinge mit algin, text-algin und margin durch.
Bis jetzt hat allerdings nichts wirklich funktioniert.
Ich hoffe da hat jemand von euch mal wieder ne Lösung für mich

MfG Firer

Andi aKa E4sTsId3 · 15. Mai 2011

Hallo,

du musst dem div-Element eine feste Breite geben, z.b. width:450px;

Da du das mit CSS machen willst, ist das so möglich:

Code

#element { /* falls mit id="element"
   margin:auto;
}

margin:auto bezweckt, dass links und rechts gleich viel Abstand zum Rand , soweit das Browserfenster breit genug ist.

Grüsse

Andi

Firerfan · 15. Mai 2011

Supper! Funktioniert.
Aber eine weitere Frage hätte ich noch.

Ich mache gerade meine Navigation.
Bis jetzt sieht das so aus:

Code

ul#navi 
{
  margin: auto;
  text-align: center;
  padding-top: 20px;
  font-size :14px;
}
ul#navi li 
{
  list-style: none;
  display: inline;
  margin: 0; padding: 0;
}

Alles anzeigen

Bzw.

Code

<ul id='navi'><b>
  	<li>Startseite </li>
  	<li> Referenzen</li>
	</ul></b>

Gibt es jetzt ne Möglichkeit, Icons davor zu setzen?
Bis jetzt sitzen diese dann immer weiter unten und das sieht einfach nicht aus..
Hoffe ihr kennt auch dafür ne Lösung!

MfG Firer

Akmet · 16. Mai 2011

1) mach mal den schließenden b-tag in den ul tag rein (letzte zeile also: </b></ul>) ist nur wegen der ordnung, ka ob das was bei der ausgabe macht

und dann mach doch einfach vor startseite nen img mit <img src>. müsste eig gehen oder?

Firerfan · 17. Mai 2011

Nein, habs jetzt aber raus^^
Der Beitrag ist zu kurz. Der Beitrag muss mindestens 15 Zeichen lang sein und 6 Wörter enthalten.

breadfish.de 11. März 2022