Bug F5 no firefox

[cassiano óliver 1]

consideram a seguinte estrutura:

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="site">
     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="ContSuperior">
        
     </div>
    
     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="ContEsquerdo">
        
     </div>
        
     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="ContDireito">
                
     </div>
    
</div>

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="desenvolvedor">

</div>

 

As divs ContEsquerdo e Direito, ficarão no site como se fossem "colunas".

Só que como tenho que usar os floats, a div site, não "estica" até embaixo, e como consequencia, no firefox eu não consigo usar margin e nem padding na div desenvolvedor.

 

Mas aí um display: table; na div site resolveu. beleza.

 

Só que aí, no firefox também, a div ContEsquerdo as vezes "quebra" e pra resolver é só dar "F5"..

 

outra solução:

#site:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

realmente, resolveu...

 

Agora fui construir um formulário, e simplesmente se eu colocar algum select, a div "quebra" denovo...

 

olhem a imagem...

 

Até consegui solução...

 

tirei o

#site:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

e o display: table da div site e coloquei no html uma div...

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="hack"></div>

 

e no css

#hack {
	 clear: both;
}

dessa forma o layout não fica quebrado, mas gostaria de uma solução "correta" pra não ter que usar essa gambiarra...

se alguém puder me ajudar...

 

no aguardo...

[webflex 0]

Olá,

 

Se for possível passar um link ou mesmo o código tentaremos ajudar da melhor forma ;). O problema pode estar na estrutura.

Penso que essa forma seria perfeitamente viàvel, mas na mesma assim mostre-nos seu código ou disponibilizenos um link para o tentar-mos ajudar.

 

Cumps \o/

[cassiano óliver 1]

opa, consegui resolver...

mudei a estrutura...

 

[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="site">
     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="ContSuperior">
       
     </div>
   
     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="ContEsquerdo">
       
     </div>
       
     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="ContDireito">
               
     </div>

     [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="desenvolvedor">

     </div>
   
</div>

 

coloquei a div#desenvolvedor dentro da div#site...

 

e na div#desenvolvedor coloquei um clear: both...

 

agora ta perfeito!

[webflex 0]

Olá,

 

Ainda bem que conseguiu resolver seu problema.

Força ai.

 

Cumps \o/