CSS one div with liquid width next to a floating div that may or may not exist

Question

I have already read this question but I can't get my head to work a solution that fits my needs, because my situation is a bit different and because I am not very good at CSS.

What I have is a div containing three other divs:

• div1 on the left
• div2 centered
• div3 on the right

The problem is that div2 may or may not exist.

This is what I currently have:

But this is what I want:

Here is my Fiddle

Any ideas? Thanks!

Answer 1

#div3{
display:block;
background: #CCC;
overflow: hidden;
}

http://jsfiddle.net/5xgwz/17/

Answer 2

check this http://jsfiddle.net/geQqG/16/ and then just copy this code and paste in your dreamweaver and run with firefox browser......

Answer 3

Hi i think you want this

Please remove to width of #container

as like this

#container {

    padding: 5px;
}

and over-right properties to this #div3 as like this

#div3{
    display:block;
    background: #CCC;
    overflow: hidden;
}

Now Live demo is http://jsfiddle.net/5xgwz/20/

Answer 4

just add overflow:auto; in your div3's css that will work