Html Body schwarz - div weiß?

1 Antwort

body
{
background-color: black;
}
div.content
{
background-color:white;
position:relative;
left:25%;
width: 50%;
}

Danke aber was ist html code?? Jedenfalls, es funktioniert nicht

0
@pixelino
<body>
<div class="content">Inhalt....</div>
</body>

Reicht dir das??

0
@pixelino
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="auf css verweisen" type="text/css" rel="stylesheet" >
</head>
<body>
<div class="content">
<p>Beispiel Text</p>
</div>
</body>
</html>
0

Besser und schöner ist so:

body {
    background-color: #000000 
}
.content {
    background-color: #ffffff;
    position: realtive;
    margin-left: auto; 
    margin-right: auto;    
}
0

Ein bisschen schlanker wäre auch

.content {

width: 800px;
margin: 0 auto,
background-color: #fff;

}

Wüsste nicht, warum hier position nötig sein sollte. Position wird in erster Linie verwendet, um Objekte innerhalb eines Objektes zu verschieben. Dabei ist der Nullpunkt des inneren Objektes jetzt die obere linke Ecke des äußeren Objektes, statt wie normalerweise die obere linke Ecke des body.
margin 0 auto zentriert deinen Container.

0

ps. Warum es wohl nicht funktioniert hat. Du musst dem Ganzen eine Höhe geben, z.B. height: 75px;
Kommt dann in die .content Eigenschaften.

0

Was möchtest Du wissen?