Frage von JVCLive, 56

HTML/CSS - DIV Tag bündig mit Rand abschließen?

Ich habe folgendes Problem mit Html/Css.

Ich möchte gerne einen div tag auf einer Website ganz oben ansiedeln. Das einzige Problem was ich dabei habe ist, dass ich es nicht bündig hinbekomme. Zwar schließen die Div Tags untereinander bündig ab, aber jeweils am Rand der Website bleibt ein Spalt über. Mit Margin & Padding klappt es leider auch nicht.

Ein Beispiel Quelltext habe ich hier:

<html>
<head>
<style type="text/css">
#do {
background-color:grey;
height: 50%;
margin:0px;
padding:0px;
border:none;
}

#di {
background-color:red;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
</style>
</head>
<body>
<div id="do">
X1
</div>

<div id="di">
X2
</div>
</body>
</html>

PS: Das ist nur ein Beispiel, welches mein Problem verdeutlichen soll.

Ich hoffe ihr könnt mir helfen.

Antwort
von Dory1, 43
body {margin:0}

Demo: http://codepen.io/anon/pen/PZRPYd

Keine passende Antwort gefunden?

Fragen Sie die Community