Help
Possuo uma div com seu "tudo" (container) , "topo", "meio" (possui um lado esquerdo e um direito, estou usando float) e o footer.
O que estou passando é o seguinte: Está complicado alinhar a div meio_esquerdo na esquerda e a div meio_direita na direita..
O que acontece é que no FF a div "meio" nao aparece a borda, não aparece o fundo, isto é, pelo que percebi no Web Developer Bar do FF, a div "meio" não está expandingo no FF, pois no IE expande normalmente. Fica certinho em todos os IE (6, 7 e 8)
A div "tudo" (container):
CÓDIGO
html{margin:0;
padding:0; height:100%;}
body{
background-image:url(images/fundo_index.jpg);
background-position:0px 153px;
background-repeat:repeat-x;
margin:0;
padding:0;
height:100%;
}
#tudo{
width:986px;
margin:0 auto;
min-height:100%;
height:auto !important; /* RECEBE CONTEÚDO DINÂMICO */
}
padding:0; height:100%;}
body{
background-image:url(images/fundo_index.jpg);
background-position:0px 153px;
background-repeat:repeat-x;
margin:0;
padding:0;
height:100%;
}
#tudo{
width:986px;
margin:0 auto;
min-height:100%;
height:auto !important; /* RECEBE CONTEÚDO DINÂMICO */
}
Agora vem o código do PEPINO!
A div "meio", ela possui um comportamento na div "meio_esquerda" para receber conteúdo dinâmico e na div da direita para guardar um banner.
CÓDIGO
#meio{
width:944px;
height:auto !important;
background:#FFFFFF !important;
margin:0 auto;
clear:both;
border: 1px solid #333333;
}
#meio_left{
float:left;
height:auto;
width:600px;
background:white;
overflow:hidden;
}
#meio_right{
float:right;
width:340px;
height:auto;
margin:0;
background:red;
}
width:944px;
height:auto !important;
background:#FFFFFF !important;
margin:0 auto;
clear:both;
border: 1px solid #333333;
}
#meio_left{
float:left;
height:auto;
width:600px;
background:white;
overflow:hidden;
}
#meio_right{
float:right;
width:340px;
height:auto;
margin:0;
background:red;
}
