CSS-Befehl, damit der Header an der Seitenspitze ist?

... komplette Frage anzeigen

4 Antworten

Jeder Browser besitzt eigene Standard-Formatierungen. Daher solltest du zu allererst mit einem CSS-Reset entsprechende Werte zurücksetzen. In deinem Fall wird der Abstand entweder durch padding oder margin verursacht. Setzt es zurück und die Lücke verschwindet. 

Was jetzt dein CSS angeht, da auch einiges ändern würde. Kurzschreibweise verwenden, eine maximale Breite für den Header festlegen und diesen über margin: 0 auto; mittig ausrichten. Sofern du dies beabsichtigt hast. Sollte dann wie folgt aussehen.

/* quick & dirty css-reset */
* {
  padding: 0px;
  margin: 0px;
  border: none;
  outline: none;
}

.header {
  height: 128px;
  max-width: 1024px;
  background-color: white;
  border: 1px solid black;
  margin: 0 auto;
  float: left;
}

LG medmonk 

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Separateed
31.10.2016, 16:58

Wieso max-width? Das geht auch wie davor, dann ist die width so wie sie sein soll lol

0
Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von RecGaming
31.10.2016, 16:49

Da du nur den Rahmen dicker machst ist diese Lösung eher suboptimal. Ich empfehle "position:relative;top:-5px.

0

Setze zunächst margin und padding auf "0".
Dadurch werden alle Abstände zurück gesetzt, z.B. von Browser-Stylesheets.

Antwort bewerten Vielen Dank für Deine Bewertung
.header { position: fixed; top:0; left:0; right: 0; }
Antwort bewerten Vielen Dank für Deine Bewertung