[CSS] div boxjes float probleem

[Verwijderd]

Beste tweakers,

Ik ben hier nu al een week mee bezig en heb nog steeds geen oplossing gevonden. Ik ben op het moment bezig om een theme te maken voor wordpress. En normaal zou ik dit met tables doen, maar het schijnt dat CSS Div boxjes beter zijn.

Hier het resultaat: http://www.kishii.nl/test/

Het gaat in principe goed behalve:

Waarom zie ik mijn achtergrond niet? de boxjes hebben geen achtergrond kleur. Dus ik begrijp niet waarom ik geen achter grond zie. De website hoort er zo uit te zien.

Ik heb het al in google gegooit en aan wat mensen die themes maken gevraagt. Maar deze weten het antwoord niet.


Edit: Mijn style.css vergeten erbij te doen

Edit2: dank je voor de tip van body die niet 100% was

code:

body {
    background-color: #EAEAEA;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
        height:100%;
}


#wrapper{
 position : relative;
  height: 100%;
  width : 800px;
  margin-left : 00px;
  margin-top : 00px;
  color : #000000;
  padding : 0px;
}

#header{
position: relative;
width: 100%;
height: 100px;
background: #2B2B2B url('images/header.jpg') repeat-x;
margin-bottom: 0px;
}

#headerpic{
position: relative;
width: 100%;
height: 300px;
background: #2B2B2B url('images/headerimg.jpg') repeat-x;
margin-bottom: 0px;
}

#menu{
    position: relative;
    width: 100%;
    height: 18px;
    background:url('images/menu.jpg') repeat-x;
    margin-bottom: 0px;
    visibility: visible;
}


#bodywrap{
width: 100%;
height: 100%;
background:url('images/back.jpg') repeat-y;
}

#content{
width: 78%;
height: 100%;
margin-right: 100px;
margin-left: 90px;
}

#post{
float: left;
width: 50%;
height: 100%;
}

#sidebar{
float: right;
width: 30%;
height: 100%;
}

}

[ Voor 47% gewijzigd door Verwijderd op 30-09-2008 20:31 ]

[Verwijderd]

Het html en het body element zijn al niet 100% hoog.

[XWB]

Geef het geheel even een vaste breedte. Die header repeat zich ook naar rechts, vandaar zie je het witte kleur van het html element niet.

[Verwijderd]

Ik heb het volgende gedaan,

De #content op width 800px gezet. maar nu als ik in de #post divbox en sidebar divbox veel tekst etc. heb, gaat de content box niet mee. Dit zal waarschijnlijk zijn omdat ze floaten, kan ik dit niet op een andere manier naast elkaar krijgen?

[Verwijderd]

Omdat je post en sidebar een float hebben, gaat de content raar doen qua hoogte. Wat ik dan meestal doe is:

HTML:

<div style="clear: both;"></div>

Onder de andere 2 divs. Dan zou het iig moeten werken. Of er nog een betere oplossing is weet ik niet.