Как изменить ширину центрального столбца на фиксированную 1000 пикселей без разрыва жидкости в левом и жидкости в правом столбцах

Question

#left-side-outer {
    width:50%;
    float:left;
    margin-right:-400px;

}
#left-side{
    margin-right:400px;
    background-color: #FF9900;
    background: transparent url('../images/grass_pattern.png') repeat-x bottom !important;
    height: 82px;
}

#right-side-outer {
    width:50%;
    float:right;
    margin-left:-401px;
    height: 82px;
}
#right-side {
    margin-left:400px;
    height: 82px;
    background-color: #FF9900;
    background: transparent url('../images/grass_pattern_red.png') repeat-x bottom !important;
    background: none;
}

#center-column {
    width:800px;
    height: 82px;
    float:left;
    color: #FFFFFF;
    background-color: #000000;
    position:relative;
    z-index:10;
    background: transparent url('../images/grass_pattern.png') repeat-x bottom !important;
    background: none;

}

Мой HTML:

 <div id="left-side-outer">
            <div id="left-side">
            </div>
        </div>
        <div id="center-column">adsfadsfadfs</div>

        <div id="right-side-outer">
            <div id="right-side">
            </div>
        </div>

Как мне сделать это, если ширина центрального столбца составляет 1000 пикселей?

Answer 1

Измените все -400 на -500, все 400 на 500 и 401 на 501.

Answer 2

Измените ваши 400px ссылки на 500px, если вы собираетесь увеличить ширину с 800px до 1000px