Darn <div> will not go where I want it :(

HTML & CSS
1

Here is the page: http://billboardfamily.com/cart/

I do not know why, but nearly everything I try today is not working…one of those days I guess.

Anyway, this is a very simple thing, but it does not want to cooperate. I am simply trying to make the <div class=“cart-column-right”> move to the right of the first <div> above the background image…but it will not go there…no matter what I try. Please advise.

CSS
[ICODE]#calendar-cart .cart-column-left {
width: 400px;
}
#calendar-cart .cart-column-left p {
font-size: 0.9em;
padding-bottom: 10px;
}
#calendar-cart .cart-column-right {
float: left;
}[/ICODE]

HTML

<div id="calendar-cart">

    <div class="cart-column-left">
        <h2>Shopping Cart</h2>
        <p>You have these day(s) in your shopping cart:</p>
        <?php echo print_wp_digi_cart(); ?>
    </div>
    
    <div class="cart-column-right">
    <p>sadfcasil;efb</p>
    </div>

    </div>
2

I actually did that just before you posted. Thanks! This is working perfectly now!

3

It would help to give it a width also, that will keep the float from shrinkwrapping.

4

OMG, that worked. I must be losing it. Anyway, thanks for the help. I am sooooo close to having all my errors fixed. I hope to have it all done today so I can launch…a few are pretty tricky, though. So I will probably be posting on here more tonight!

Thanks!

5

Hi just put the right column above the left div in the html. And give it float right.