Pourquoi ces divs se chevauchent?

Question

Je mettre wmd sur mon site. Après avoir mis le code et en lui donnant un tour que je vois cette image ci-dessous.

Comment puis-je faire l'aperçu div pas double emploi avec le textarea? -Edit- le noir est l'arrière-plan de WMD-css aperçu div

du 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

Essayez d'ajouter une valeur de propriété « Largeur » et « float: left ». Valeur de la propriété pour la classe wmd du panneau

width: value;
float: left;

Si ce travail does't (et seulement si elle ne fonctionne pas) la mise en essayant une valeur élevée au sommet de la marge sur la classe wmd panneau. I.e..

margin-top: 25px;

Answer 2

Avez-vous essayé de plus en plus le z-index de la div aperçu?

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

Answer 3

Définissez les flotteurs ou si vous avez besoin d'être ensemble radin la « WMD-éditeur » le positionnement absolu, soit pour tout ou IE tout. Je sais que ce ne est pas la façon la plus efficace, mais il peut être le plus facile dans certains cas ^^