Div шириной 100%, рядом с фиксированной шириной

Question

Извините за невероятно глупый вопрос, я чувствую, что в большинстве случаев я мог бы сделать это легко, но сейчас я использую sharepoint и пытаюсь сделать что-нибудь в этом аду!

В основном у меня есть боковая навигация (.menu-вертикальная), ширина которой составляет 230px, и рядом с ней находится div (.mainContent), который я хотел бы (отступая!) Заполнить остальную часть экрана.

К сожалению, в коде есть около 798 случайно размещенных элементов div, span и прочего, которые я не могу удалить без взлома сайта, поэтому любые советы о том, как именно этого добиться, будут высоко оценены, спасибо!

Answer 1

В основном у меня есть боковая навигация (.menu-вертикальная), которая составляет 230px широкий, и div рядом с ним (.mainContent), который я хотел бы (отступая в сторону!) заполнить остальную часть экрана.

..

основа сайта на месте с .container div, а .menu-вертикальный (фиксированный) и .mainContent (жидкость, 100%) внутри.

Насколько я понимаю, вы ищете это: http://jsfiddle.net/thirtydot/wv42t/

CSS:

.container {
    border: 3px solid #666;
    overflow: hidden
}
.menu-vertical {
    width: 230px;
    float: left;
    padding: 10px;
    border: 2px solid #f0f
}
.mainContent {
    overflow: hidden;
    padding: 30px;
    border: 2px solid #00f
}

HTML:

<div class="container">
    <div class="menu-vertical">menu-vertical</div>
    <div class="mainContent">mainContent</div>
</div>