Проблема центрирования div с помощью css

Question

Я пытаюсь центрировать div на своей странице, но у меня есть очень специфический макет, который не позволяет мне центрировать его с регулярным полем: авто свойства. Что у меня есть, в основном это:

HTML:

<div id="container">
    <div id="sidebar">
        some text
    </div>
    </div id="content">
        some text
    </div>
</div>

CSS:

#container{
    margin: 0 auto;
    width: 900px;
}

#sidebar{
    float: left;
    width: 300px;
}

#content{
    float: left;
    width: 600px;
}

Это позволяет без проблем центрировать мой контейнер, но мне нужно отцентрировать div "content" относительно ширины экрана, вот сайт, над которым я работаю, чтобы вы могли видеть его более четко: http://dirtymind.jvsoftware.com/ и изображение, которое я сделал, чтобы лучше объяснить мою проблему: http://dirtymind.jvsoftware.com/img/csserror.png

Кто-нибудь знает, как этого добиться? Спасибо всем заранее.

Answer 1

Увеличьте ширину контейнера на ширину боковой панели и добавьте правое поле к блоку контента на ту же величину.

Answer 2

Насколько я знаю, это невозможно так, как вы хотите. Я бы выбрал между следующими вариантами:

1. добавляя поле слева, скажем.. 5% к контейнеру.
2. постоянный левый край