Arreglo o cuenta de trabajo para el cuadro de diálogo jQuery en IE6: problemas de diseño importantes cuando el cuadro de diálogo contiene un formulario

Question

Estoy trabajando con un diálogo de jQuery que contiene un formulario. En ie6, hay un par de pulgadas inexplicables de relleno sobre la forma. Cuando elimino la forma del marcado, los problemas de diseño más graves desaparecen. Lo he intentado sin tema (predeterminado), Flora y el tema de mi controlador de mensajes y todos parecen tener el mismo problema.

He intentado realizar varios ajustes en el cuadro de diálogo CSS, pero nada parece tener ningún efecto, y se escribe una buena cantidad de CSS en línea cuando se crea el cuadro de diálogo que impide que se apliquen otros estilos.

He intentado configurar las propiedades de css en el formulario, como flotar, eliminar márgenes y rellenos, mostrar en línea, etc., pero siempre que el formulario esté allí, hay espacio adicional. ¿Alguien ha podido encontrar una solución para esto? Prefiero no piratearlo y tener controles de formulario sin etiqueta de formulario.

Gracias.

Answer 1

Cada vez que tengo que crear un tema CSS para un sitio, foro, widget, etc. existente, siempre comienzo eliminando todas las hojas de estilo y normalizando todos los márgenes y el relleno a 0 para cada elemento principal de DOM de HTML. Esto es especialmente importante cuando se trata de inline css.

Lo que debe intentar es eliminar cualquier CSS en línea en el elemento del formulario. Entonces intenta algo como:

form {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

El desbordamiento de domesticación en IE6 a menudo resuelve muchos problemas de margen. Intente establecer temporalmente los bordes en todos los elementos html utilizando el siguiente estilo para ver si algún elemento anterior se está desbordando en el espacio del formulario.

* {
    border: solid 1px #FF0000;
}

Si ve que los bordes se imponen en el formulario, también debe intentar frenar el desbordamiento de ese elemento.

Answer 2

Antes de cambiar el CSS, asegúrate de que tu página tenga un doctype.

Si no tiene un tipo de documento, el navegador se mostrará en 'peculiaridades' El modo y muchas cosas no se verán del todo bien.

Answer 3

Anteriormente tuve un problema similar con botones y márgenes inexplicables. Hay algunos elementos en IE6 que heredan los márgenes de sus elementos principales. Muy extraño ...

Pruebe esta solución: http: / /blog.netscraps.com/internet-explorer-bugs/ie6-ie7-margin-inheritance-bug.html

Answer 4

Prueba algo como esto:

#yourDiv { padding:1.2em; margin-right:2.4em; }

donde #yourDiv es el ID del div que contiene tus etiquetas (tuve este problema con las entradas).