Perché questi div sovrappongono?

Question

I mettendo WMD sul mio sito. Dopo aver messo il codice e dare un giro vedo questa immagine qui sotto.

Come posso fare l'anteprima div non sovrapposizione con la textarea? operativa -Editazione- il nero è lo sfondo css di div WMD-anteprima

alcuni 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

Prova ad aggiungere un valore "Larghezza" proprietà e "float: left". Valore della proprietà per la classe WMD-panel

width: value;
float: left;

Se questo does't lavoro (e solo se non funziona), cercando di impostare un valore alto margin-top sulla classe WMD-pannello. Cioè.

margin-top: 25px;

Answer 2

Hai provato aumentando lo z-index del div anteprima?

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

Answer 3

Set carri o se avete bisogno di essere insieme avaro il "WMD-editor di" posizionamento assoluto, sia per solo IE o tutti. So che la sua non è il modo più efficace, ma può essere il più facile in alcuni casi ^^