komplette weite

Anfaengerhtml

Wieso wird ein Hintergrund, den ich zur Klasse "header" zuordne, nicht über das ganze Bild ausgetreckt sondern am Rand ist noch die body Farbe zu sehen?

HTML:

</div>

CSS:

.header{

background-color: azure;

}

body{

background-color: darkseagreen;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

Kellgan

Zitat von Anfaengerhtml

<div class="header">

Mach es mal so

Code

<style>
#header{
background-color: azure;
width: 100%; height: 100%;
}

body{

background-color: darkseagreen;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
</style>

<body>

<div id="header" style="position: absolute; top:0px; left:0px; bottom: 0px; z-index: 1">
<p>Test</p>
</div>

Alles anzeigen

basti1012

oder schreibe ganz am Anfang der Css das dazu

Code

*{
  margin:0;
  padding:0;
}

m.scatello

Dem body ein Margin und Padding von 0 geben

basti1012

Kellgan

Code

<div id="header" style="position: absolute; top:0px; left:0px; bottom: 0px; z-index: 1">

Das gehöhrt eigentlich in der Css

Arne Drews

Und position:absolute ist in den meisten Fällen FaildByDesign.

Jetzt mitmachen!