Разделение сайта на 2 столбца с textwrap

Это мой admin panel, и я хочу разделить его на 2 столбца с div. Левый ДИВ это меню и есть этот набор стилей:Разделение сайта на 2 столбца с textwrap

#menu_left{ 
position: fixed; 
float: left; 
width: 300px; 
height: 100%; 
top: 0; 
left: 0; 
background: #666; 
color: white; 
}

Право один на содержание и имеет этот стиль:

#content{ 
text-wrap: unrestricted; 
float:left; 
width: 100%; 
    left: 300px; 
}

Это не работает, как это должно работать, я хочу это для обертывания текста, но это не так. Скажите также, пожалуйста, если есть какие-либо неисправные настройки стиля.

О, HTML:

<body> 
    <div id="menu_left"> 
     <h1>Menu</h1> <hr /> 
    </div> 
    <div id="content"></div> 
</body>

источник

2013-04-10 Tristan Šneider

Вы ширина 100% по содержанию, что делает его торчат 300px справа от окна, из-за ширины #menu_left. Вы должны сделать это некоторое значение пикселя или изменить #menu_left на ширину%, скажем, на 20%, тогда контент может составлять 80%, и они будут хорошо вписываться.

Плюс вы должны удалить left: 300px; от #content, он уже пойдет туда, куда вы хотите, из-за float: left;.

источник

2013-04-10 19:38:05 dezman

Слева: 300px должно быть там, причина положения: исправлена; или он прыгает влево. Могу ли я использовать javascript для возврата ширины окна браузеров? а затем сделать ширину #content в пикселях? –

Вы могли бы, но это не будет работать в браузерах без javascript. – dezman

Я собираюсь сделать и

Разделение сайта на 2 столбца с textwrap

ответ