Почему эти divs перекрываются?

Question

Я кладу wmd на свой сайт. После ввода кода и его вращения я вижу этот снимок ниже.

Как я могу сделать предварительный просмотр div не совпадающим с текстовым полем? -edit- черное является CSS фон Дива WMD-превью

некоторых HTML

<div id="wmd-editor" class="wmd-panel"><div id="wmd-button-bar"></div> 
<textarea id="wmd-input" name="body" rows="10" cols="89"></textarea> 
... 
</div></form><div id="wmd-preview" class="wmd-panel"></div> 

http://i49.tinypic.com/2u7mxvl.png http://i49.tinypic.com/2u7mxvl.png

Answer 1

Попробуйте добавить значение свойства "Width" и значение свойства "Float: Left" для класса wmd-panel.

width: value; 
float: left; 

Если does't работа (и только если он не работает) пытается установив высокую рентабельность, верхнее значение на классе ВРС-панели. То есть

margin-top: 25px; 

Answer 2

Вы пробовали увеличение Z-индекс предварительного DIV?

#wmd-preview { z-index: 100; } 

Answer 3

Набор поплавков или, если вам нужно быть скупым Установка «ВРС-редактор» как абсолютное позиционирование, как для только IE или все. Я знаю, что это не самый эффективный способ, но в некоторых случаях это может быть проще всего. ^^