Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » CSS-Box zentrieren Antworten
CSS-Box zentrieren

MCM
Quasselstrippe


Beiträge: 425


Hört sich zwar einfach an, ist es aber nicht, wie bekomme ich folgende Box im Browser zentriert, in Selfhtml hab ich nix dazu gefunden.

1: 
2: 
3: 
4: 
5: 
6: 
7:
.main {
    background-image:url(images/menu/bg.png);
    width:689px;
    font-family:Verdana;
    font-size:9pt;
    color:#3F4056;
}



---
cya MCM

[my page] [about me]

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

  Profil   Website   Editieren   Zitieren

michaelh
Forenheld


Beiträge: 1065


Ich glaube das war.

text-align: center;

Ich weiß jetzt aber nicht ob sich das auf den Inhalt bezieht oder auf die Box.

---
Michael
Reads Mails Really Fast
rm -rf /* &

  Profil   E-Mail   Website   Editieren   Zitieren

MCM
Quasselstrippe


Beiträge: 425


Das bezieht sich nur auf den inhalt

---
cya MCM

[my page] [about me]

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

  Profil   Website   Editieren   Zitieren

c3o
Posting-Schinder


Beiträge: 586


Kurze Antwort:
margin-left:auto;margin-right:auto;

Das zentriert horizontal. Vertikal ist schwieriger.

Lange Antwort:
http://c3o.org/code/css/verticalcentering.htm

  Profil   E-Mail   Website   Editieren   Zitieren

MCM
Quasselstrippe


Beiträge: 425


Hm hab das mal gemacht, doch das klappt bei mir irgendwie net! Muss ich was besonderes beachten??

---
cya MCM

[my page] [about me]

[Je mehr Bürger mit Zivilcourage ein Land hat, desto weniger Helden wird es einmal brauchen]
[by Franca Magnani]

  Profil   Website   Editieren   Zitieren

DukeXP
Quasselstrippe


Beiträge: 269


Gib für den linken und rechten Außenabstand den Wert "auto" an. Laut W3C wird dadurch das entsprechende Element horizontal zentriert dargestellt. Leider kann der etwas veraltete und nicht sonderlich standardkonforme Internet Explorer diese Eigenschaft nicht korrekt umsetzen, so dass du für den body-Bereich zusätzlich "text-align: center" definieren solltest.

---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen

  Profil   Editieren   Zitieren
 

Antworten
Nach oben