Question

I created two DIV elements. Those two DIV elements will be only in one page, and in all other pages will be only one DIV element.
When second element disappear, first element automatically takes all width.
Sorry, i can’t add pictures yet, but i will try to create an example:

[div element “one”] width:50% [div element “two”] width:50%

*div element “two” disappear

[div element”one”] width 100%

How can i get like that? With simple CSS/HTML i can’t reach result like in an image.
* And I cant change class of DIV element

Answer 1

Write like this:

HTML

<div class="two">two</div>
<div class="one">one</div>

CSS

.two{
    background:red;
    float:right;
    width:50%;
}
.one{
    background:green;
    overflow:hidden;
}

Check this http://jsfiddle.net/gJ22P/

OR

You can use display:table property for this.

Check this http://jsfiddle.net/gJ22P/1/

It’s work’s till IE8 & above.