Frage von pixelino, 68

Html Body schwarz - div weiß?

Hallo

Ich habe gerade ein neues HTML Projekt vor mir :D Ich wollte meine HTML datei so stylen, dass der komplette body schwarz ist, nur in der Mitte ca. 800px width ein weißer streifen nach unten ist. Wie auf dieser website hier: http://unique-clan.cf

Ihr dürft mir css code senden :3

Ich habe noch kein html script also kann ich keinen Quellcode versenden!

Danke

LG pixelino

Antwort
von triopasi, 56
body
{
background-color: black;
}
div.content
{
background-color:white;
position:relative;
left:25%;
width: 50%;
}
Kommentar von pixelino ,

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

Kommentar von triopasi ,
<body>
<div class="content">Inhalt....</div>
</body>

Reicht dir das??

Kommentar von jnnkhlstn ,
<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>
Kommentar von jnnkhlstn ,

Besser und schöner ist so:

body {
    background-color: #000000 
}
.content {
    background-color: #ffffff;
    position: realtive;
    margin-left: auto; 
    margin-right: auto;    
}
Kommentar von abbrechen ,

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.

Kommentar von abbrechen ,

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.

Keine passende Antwort gefunden?

Fragen Sie die Community