Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estudo css há alguns meses mas ainda tenho problemas na hora de criar layouts.
Fiz esse layout com tres colunas no div content, determinei a largura dos divs em pxs, 400, 200, e 318, o div wrap tem 960px. Mas vez ou outra quando carrego o site as duas colunas da direita caem, como se o browse nao reconhecesse o float delas. Entao atualizo a pagina e os divs voltam praonde deveriam estar.
Alguem ja teve esse problema e pode indicar alguma solução?
O projeto é esse www.testsoh.com.br
Acontece no Opera tambem, ainda vou testar em outros navegadores no windows, mas vou tirar o display table e ver se resolve o problema
valeu!, não conhecia esse bug do display: table no firefox.
Realmente tirei os display: table e parece que agora o browser segura cada coluna em seu lugar.
O problema é que eu quero colocar uma imagem de fundo no canto direito inferior do div content. dentro do div content tenho os divs col1, col2 e col3. Quando tiro o display: table do div content o firefox nao dá altura automatica pro div, já que ele nao reconhece o height: auto, entao o div content fica sem altura.
Preciso de um comando pra dar altura automatica pra esse div content no firefox. Pra que ele possa exibir a imagem de fundo no canto direito infeiror.
Como resolver isso?
Problema resolvido,
Tendo a necessidade de deixar o div pai com altura automatica, basta trocar o display: table culpa do bug do firefox pelo overflow: hidden!
Que bom que resolveu. ^_^
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Só acontece no Firefox? Pode ser o bug do display: table, que no seu caso não há necessidade de usá-lo. :D
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif