¿Por qué se superponen estos divs?
-
25-09-2019 - |
Pregunta
Me poner armas de destrucción masiva en mi sitio web. Después de poner el código en y dándole un giro veo esta imagen a continuación.
¿Cómo puedo hacer el div vista previa no solapamiento con el área de texto? operación -Editar- el negro es el fondo de css div DMP-vista previa
algo de 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>
Solución
Trate de añadir un valor "Ancho" y la propiedad "float: left". Valor de la propiedad para la clase de armas de destrucción masiva de pantalla
width: value;
float: left;
Si este trabajo does't (y sólo si no lo hace el trabajo) que intenta establecer un valor alto margen superior de la clase de armas de destrucción masiva del panel. Es decir.
margin-top: 25px;
Otros consejos
¿Usted ha intentado aumentar el índice z de la vista previa div?
#wmd-preview { z-index: 100; }
Configurar los flotadores o si es necesario establecer el tacaño "DMP-editor", como posicionamiento absoluto, ya sea solo o todos IE. Sé que no es la forma más eficaz, pero puede ser el más fácil en algunos casos ^^