Abstand zwischen divs

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen
Ich habe 3 divs untereinander: „oben“, „container“ und „unten“

Diese sind auch schön untereinander geordnet. Wenn ich jetzt zum Beispiel etwas in „container“ schreibe, gibt es zwischen „oben“ und „container“ einen Abstand, was ich allerdings nicht so prickelnd finde. Wie kann ich das vermeiden?

Code html:

[HTML]

Chur Thunder Startseite
Chur-thunder
[/HTML]

Code CSS:

[CODE]body {
background-color: black}

h1 {
color: gold;
font-family: ‘Great Vibes’, arial, serif;
}

#oben {
margin: 0;
padding: -10;
background-color: blue;
width: 100%;
height: 15%;
color: gold;
}

#container {
background-color: grey;
width: 100%;
height: 80%;
color:gold;
}

#unten {
background-color: yellow;
width: 100%;
height: 5%;
color:gold;

}[/CODE]

Danke im Voraus

2

Hast du mal einen Link? Kann ich nicht so ganz nachvollziehen was du haben möchtest. Padding darf soweit ich weiß nicht negativ sein.

http://www.w3schools.com/css/box-model.gif

3

Wenn ich das richtig verstanden habe, probiere es mal hiermit in der CSS:

* { margin:0; padding:0; }

Damit werden generell erstmal alle padding und margin-werte von jedem einzelnen Element auf 0 gesetzt. Und falls Du dann mal Margin haben willst, gibst Du das dem jeweiligen Element mit.

Negatives Padding ist übrigens ne schlechte Idee.

4

Vielen Dank für eure schnellen Antworten. Mittlerweile funktioniert es wunderbar.
Eine kurze Frage: Was ist schlecht an einem negativen Padding bzw. auf was wirkt es sich aus?

5

Was ist schlecht an einem negativen Padding bzw. auf was wirkt es sich aus?

Es funktioniert nicht. Das Padding wird dann einfach auf 0 gesetzt. Negativer margin geht jedoch.