Problemer med float

Hvis du sætter en float: left; på #banner bør det da gerne virke :-)

Korrekt. Det har jeg også prøvet, men så ryger jeg ind i andre problemer:

http://lildholdt.dk/float2.jpg

Baggrunden dækker ikke indholdet.

Sæt en <div style="clear:both"></div> til sidst i den omkransende (hvide) div.

Det virkede ikke. Min style.css ser nu således ud:

/*
---------------------------------
//Generelt
---------------------------------
*/

* {margin:0px;padding:0px;}

body {
    background: #858680;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#333333;
}

a {
    color:#d61059;
    text-decoration: underline;
}




/*
---------------------------------
//Containers
---------------------------------
*/

#container {
    width: 850px;
    background-color: #FFFFFF;
    display:block;
    position:relative;   
    text-align: left;
    padding-bottom: 15px;
    padding-top: 15px;
    margin: 15px auto;
    clear:both;
}

#top {
    background: url(images/top.jpg) no-repeat;
    width:820px;
    height:76px;
    margin-left: 15px;
}

#menu {
    background: url(images/menu_bg.png) no-repeat;
    width:220px;
    height:270px;
    float:left;
    margin-right: 6px;
    margin-left: 15px;
}

#banner {
    background: url(images/banner.jpg) no-repeat;
    width: 594px;
    height: 270px;
    margin-left: 241px; !important
}

Det er #container der er den hvide.

Nej, der skal heller ikke clear:both; på din #container, men du skal lægge et nyt div-element ind til sidst i containeren. Og dette element skal så have clear:both; :)

Jep.. Så virker det.. Smid et svar for point :)

Lige et side spørgsmål..

Da jeg har brugt * {margin:0px;padding:0px;}, er der ikke længere noget mellemrum mellem de forskellige <p></p>. Hvis jeg f.eks. tilføjer margin-bottom:10px; til p {}, laver den jo også et mellemrum til sidst. og Tilsvarende hvis jeg tilføjer margin-top: 10px, laver den et mellem rum i starten. Kan disse mellemrum undgås og stadig have mellemrum imellem, uden fjerne * {margin:0px;padding:0px;} ?

Nej. =)

øv :(

Men du mangler lige at give et svar hvis du vil have pointene:P

;)

Tak for points! :)