• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abstand zwischen divs

fabian96

fabian96

Neues Mitglied
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: 
<html>
<head>
<title>Chur Thunder Startseite</title>
<link href=”http://fonts.googleapis.com/css?family=Great+Vibes” rel=”stylesheet” type=”text/css” />
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div id="oben">
<img src="bilder/thunder_1.png" align="left" width="10%" alt="Chur-thunder">
</div>

<div id="container">
</div>

<div id="unten">

</div>

</body>
</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;

}


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

box-model.gif
 
Wenn ich das richtig verstanden habe, probiere es mal hiermit in der CSS:

Code: 
* {
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.
 
Werbung:
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?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben