Fix ou workarount de diálogo jQuery no IE6 - principais problemas de layout quando o diálogo contém um formulário

Question

Eu estou trabalhando com um diálogo de jQuery que contém um formulário. Em IE6, há um par polegadas inexplicáveis ??de enchimento por cima do formulário. Quando eu eliminar a forma da marcação, os problemas de layout mais graves ir embora. Eu tentei com nenhum tema (padrão), Flora, e meu tema themeroller e todos eles parecem ter o mesmo problema.

Eu tentei fazer vários ajustes no CSS diálogo, mas nada parece ter qualquer efeito, e uma boa quantidade de CSS inline é escrito quando o diálogo é criado de qualquer maneira que impede quaisquer outros estilos de aplicação.

Eu tentei propriedades configuração css na forma em si, como flutuantes, eliminando margens e preenchimento, exibindo em linha, etc, mas contanto que a forma de lá, há espaçamento extra. Alguém já foi capaz de encontrar uma solução para isso? Eu prefiro não cortá-lo e ter controles de formulário sem tag formulário.

Graças.

Answer 1

Sempre que tenho para criar um tema CSS para um site existente, fórum, widget, etc. Eu sempre começar por descascar para fora todas as folhas de estilo e normalizando todas as minhas margens e preenchimento para 0 para todas as grandes elemento HTML DOM. Isto é especialmente importante quando se trata de css em linha.

O que você deve tentar é remover qualquer CSS embutido no próprio elemento de formulário. Em seguida, tente algo como:

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

Taming estouro no IE6, muitas vezes resolve um monte de problemas de margem. Tente definir temporariamente as fronteiras em todos os elementos HTML usando o seguinte estilo para ver se quaisquer elementos anteriores estão transbordando no espaço do formulário.

* {
    border: solid 1px #FF0000;
}

Se você ver os contornos imponentes no formulário, então você deve tentar reduzir estouro desse elemento bem.

Answer 2

Antes de mudar o CSS, certifique-se sua página tem uma adequada doctype.

Se ele não tem um doctype o navegador irá processar em 'caprichos' modo e muitas coisas não vão olhar muito bem.

Answer 3

Eu tive um problema semelhante antes com botões e margens inexplicáveis. Existem alguns elementos no IE6 que herdam as margens de seus elementos pai. Muito bizarro ...

Tente esta correção: http: / /blog.netscraps.com/internet-explorer-bugs/ie6-ie7-margin-inheritance-bug.html

Answer 4

Tente algo parecido com isto:

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

onde #yourDiv é o id do div que contém suas tags (Eu tive esse problema com entradas).