Perché questi div sovrappongono?
-
25-09-2019 - |
Domanda
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>
Soluzione
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;
Altri suggerimenti
Hai provato aumentando lo z-index del div anteprima?
#wmd-preview { z-index: 100; }
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 ^^