Zentrieren der Webseite

[BattleLord]

Hallo,
ich bin neu hier im Forum und möchte gerne wissen, wie man eine Webseite in die Mitte zentriert, ohne dass der Text auch zentriert wird.

Etwa so wie im Bild und, dass der Text am linken Rand des gelben Kastens ist.

Bitte helft mir, ich habe schon Stunden gegoogelt und komme nicht weiter!

 

[koslowski]

Moin,

um alles einen div#wrapper legen, dem eine feste Breite geben und mit
margin:0 auto; horizontal zentrieren.

koslowski

 

[threadi]

Genau. Und die Boardsuche sollte dir ebenfalls weiterhelfen. Das Thema gabs schon sehr sehr oft.

 

[BattleLord]

Aber das zentriert doch dann in die Mitte, oder habe ich da falsch verstanden. Ich möchte es ja links im gelben Kasten ausrichten.

 

[koslowski]

Mahlzeit,

Aber das zentriert doch dann in die Mitte, oder habe ich da falsch verstanden. Ich möchte es ja links im gelben Kasten ausrichten.

es zentriert deine komplette Webseite horizontal. Mehr nicht.
Das hat mit der Textausrichtung in den Containern erstmal nix zu tun.

Text-align:left ist die Default-Einstellung, wenn du das nicht in text-align:center geändert hast, wird der Text im gelben links ausgerichtet.

Du kannst aber noch für den gelben container explizit text-align:left definieren, sollte das notwendig sein.

koslowski

 

[BattleLord]

Ja aber dann ist es doch ganz links:?:

 

[Maxi]

Dann ist die in dem mittleren Teil ganz links.

 

[BattleLord]

:idea:Mensch stell ich mich an jetzt verstehe ich was gemeint ist!:idea:

Moin,

um alles einen div#wrapper legen, dem eine feste Breite geben und mit
margin:0 auto; horizontal zentrieren.

koslowski

Wie gebe ich dem ne feste Breite?
Kannste mal bitte ein kleines Beispiel posten?

 

[koslowski]

Hi,

Wie gebe ich dem ne feste Breite?
Kannste mal bitte ein kleines Beispiel posten?

#wrapper  {
    width:800px;
    margin:0 auto;
      }

so.
kannst natürlich auch % oder em als Einheit für die Breite hernehmen.

koslowski

 

[BattleLord]

Hey, vielen Dank!:-D
Jetzt geht es!