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

Body bzw. Main umfassen nicht alle DIV

iFreakX

iFreakX

Neues Mitglied
Hallo

Ich habe für meinen BODY in CSS die Backgroundcolor definiert. Mein Problem ist, das nur die Header DIV vom BODY umfasst wird, alle anderes DIV's die eigentlich innerhalb liegen, werden ausgeschlossen...

Hier noch der Code:

HTML: 
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <link rel="stylesheet" type="text/css" href="index.css">
<title>Testsite</title>
</head>    
<body>

<div id="main">

    <div id="header">
    header
    </div>
    
    
    <div id="about">
    <p>Welcome to TESTSITE</p>
    <p>TEXT</p>
    </div>


    <div id="login_box">
    login
    </div>
    
    
    <div id="register_box">
    register
    </div>
    
    

    
</div>

</body>

</html>

Und hier das CSS:

Code: 
#main        {
    width: 990px;;
    margin-left: auto;
    margin-right: auto;
    background-color: lime;
}

#header        {
    background-color: red;
    width: 990px;
    height: 150px;
    margin-bottom: 40px;
}

#about        {
    background-color: green;
    width: 600px;
    float: left;
    height: 600px;
    font-family: "Helvetica";
    padding-left: 10px;

    padding-top: -5px;
}

#login_box    {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    background-color: gray;
    width: 300px;
    float: right;
}

#register_box    {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    background-color: blue;
    width: 300px;
    float: right;
}
 
Muss ich das jetzt verstehen?

in der CSS Datei verursacht ein
Code: 
body
{
         background-color: #D1D4D4;
}
Genau das, was es soll, einen grauen Hintergrund
 
Ja schon, aber wenn ich mir mit "Firebug" meinen Seitenaufbau ansehe, liegt nur die "Header Div" in der "Main Div" und alle anderen nicht...
 
Der Startbeitrag wurde editiert!
Zu anfang war ein Link zur Seite da UND das Problem betraf die ID #main, nicht den Body.
Dieses war mit einem clearing zu lösen.
Ist es auch immer noch!

iFreakX: dein Edit hat es ungemein schwer gemacht dein Problem, das vorher völlig klar war, jetzt noch nachzuvollziehen.

Schau dir mal DAS an in und sag uns, ob das alles ist, was du erreichen willst, oder ob du tatsächlich noch ein weiteres Problem mit dem Body hast.
Die einzige Anpassung findest du vor dem End-tag von #main

Und noch mal die Anmerkung: Wenn du einen Wrapper um gefloatete Elemente legst, musst du nach dem letzten Float adäquat clearen, damit der Wrapper die gefloateten Elemente auch Vertikal umschließt!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben