Question

I have a problem with CSS floating

Here you can see what it looks like:

http://migo.no/help/help.php

Basically, I have two divs and I need the last one to float left. It’s important that the last div floats left.

HTML code:

<div id='wrapper'>

    <div id='block1'>block1</div>
    <div id='block2'>block2</div>

</div>

CSS code:

#wrapper {
    overflow: hidden;
    background: red;
}

#block1 {
    background: yellow;
}

#block2 {
    background: green;
    float: left;
}

I don’t understand why it won’t float left, and I have been trying to figure this out for a while now.

Best of regards,
Alexander

Answer 1

Did you close the wrapper div? Also you don’t have block 1 floating left. from your link it appears that Block 2 is floating left. Do you have a more descriptive Idea of what you want to accomplish?