Layout com faux column

[Woinch 0]

Ai galera lí o artigo o Maujor sobre faux column: http://www.maujor.com/tutorial/lay2col-faux-colunm.php e estava tentando fazer algumas modificacoes no layout do tutorial, quando tentei criar a tal da "faux column" dentro de uma outra div ela não funcionou no firefox somente no IE.

 

Vejam: http://www.guiwunsch.com/faux/

*Experimentem abrir no IE e depois no Firefox para verem a diferença.

 

Alguém sabe algum hack ou alguma coisa para consertar isso?

 

Valeu.

Abraços! :D

[Jair Humberto 2]

Cara, o problema é que você está errando no código, veja só, a parte dos DIV ta toda confusa, o IE deixa passar mas o Firefox nao.

 

<div id="tudo">	<div id="topo">TOPO</div>	<div id="conteudo">		<div id="principal">COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br></div>		<div id="navegacao">COLUNA NAVEGAÇÃO</div></div>	<div id="rodape">RODAPE</div></div>

 

tente colocar assim:

 

<div id="tudo">	<div id="topo">TOPO</div>	<div id="conteudo">	<div id="principal">COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>COLUNA PRINCIPAL<br>	</div>	<div id="navegacao">COLUNA NAVEGAÇÃO	</div>	<div id="rodape">RODAPE</div>	</div>  </div>

percebeu a diferença?

pode parecer que nao mudou nada,mas do jeito que voce colocou ficou confuso até para o browser saber

onde está o fechamento de cada DIV.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Jair Humberto 2]

apenas mude a ordem dos </div>

[Woinch 0]

como o amigo acima disse, pro browser tanto faz a disponibilidade das tags desde que elas estejam montadas de forma correta. O primeiro do Jair eh igual ao meu somente mudando o espaçamento e os "enters" entre as tags, jah no segundo ele se esqueceu de fexar a div "conteudo".Alguma soluçao para o meu problema?obrigado.

[Jair Humberto 2]

Cara faz assim: copia o meu codigo e cola no lugar do seu.

 

e voce vai ver que funciona. eu mesmo testei realmente nao funcionava no Firefox, mas o problema foi corrigido no meu codigo.

 

analisa e voce verá

 

eu testei. apenas copia e cola e vai funcionar, depois procura o erro.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Jair Humberto 2]

Acabei de testar novamente pessoal o problema é a disposição dos <div></div>. talvez isso seja um Bug do Firefox sei lá, ouvi falar e pesquisei também que o Firefox é mais rigoso quanto as regras da W3C, ele foi desenvolvido em cima dessas regras.O único problema é este, a disposição das 3 </div> finais. Tire a prova, faça o teste pegue o ANTEPENÚLTIMO </div> e passe para o penúltima colocação e o problema será resolvido!ou melhor ainda, copie o meu código e cole no lugar do seu. e vai funcionarEu testei, funcionou! :)

[Woinch 0]

ahhh agora saquei.você colocou o div depois do rodaé... não tinha entendido antes, desculpa.funcionou sim.valeu a força... ;)abraços!

[Jair Humberto 2]

beleza, ohohoé um prazer ajudar!