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

Question

Я выкладываю wmd на свой сайт.После ввода кода и вращения я вижу это изображение ниже.

Как сделать так, чтобы предварительный просмотр div не перекрывался с текстовой областью?-edit- черный фон css для div wmd-preview

немного 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>

Answer 1

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

width: value;
float: left;

Если это не сработает (и только если не сработает), попытайтесь установить высокое значение margin-top для класса wmd-panel. * Т.е. 1004 *

margin-top: 25px;

Answer 2

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

Answer 3

Вы пытались увеличить z-индекс div предварительного просмотра?

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