Header nicht zentriert

• 

  lizaswelt2010 · Mitglied · Juli 30, 2012 at 11:36 am

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  Einen schönen guten Tag,

  vorhin habe ich mir das Theme „Modern News“ gekauft und auch das Custom CSS Upgrade. In Bezug auf die Befehle bin ich so etwas wie ein ambitionierter Laie, aber irgendetwas muss ich falsch gemacht haben, denn der Header (egal ob mit Schrift oder Bild) erscheint nicht mittig, sondern stets linksbündig. Im CSS steht u.a. Folgendes:

  #header {
  clear:both;
  float:center;
  width:910px;
  margin:10px 5px;
  }

  Weiß jemand, was ich tun muss, damit der Header mittig sitzt wie alles andere auch? Ich habe schon alles Mögliche versucht, aber ich komme nicht weiter. Herzlichen Dank im Voraus!

  Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

• 

  zodiac1978 · Mitglied · Juli 30, 2012 at 12:06 pm

  • Link kopieren

  float:center gibt es gar nicht … ;-)
  http://www.css4you.de/float.html

  Du kannst Blockelemente zentrieren, indem du ihnen einen automatischen Abstand links+rechts gibst.

  Damit die Rahmen keine Unterbrechung haben, darf auch kein Abstand (margin) nach unten gesetzt sein.

  So könntest du den Header zentrieren:

  #header {
  	clear:both;
  	width:960px;
  	margin: 0 auto;
  }

  Gegebenenfalls kannst du mit padding noch einen Innenabstand setzen, wenn du den Header noch weiter vom Inhalt absetzen möchtest.

  Gruß, Torsten

• 

  lizaswelt2010 · Mitglied · Juli 30, 2012 at 12:10 pm

  • Link kopieren

  Perfekt, tausend Dank für die superschnelle und kompetente Antwort!

• 

  zodiac1978 · Mitglied · Juli 30, 2012 at 12:53 pm

  • Link kopieren

  Gerne! :-)