DIV não Aparece no Firefox

[mosko 0]

Eu tenho uma dúvida com relação ao conteudo dos DIVs e ja faz muito que tento resolver sem sucesso, se alguém puder me auxilar ficarei muito grato.É o seguinte: Quando faço um DIV e dentro dele haverá outros DIVs, o IE trata o div preenchido. Já no Firefox, interpreta que um DIV que somente tem DIVs dentro, é vazio.Algúem sabe como resolver isso?O único jeito que consegui até agora é colocando uma tabela dentro do div pai e os div filhos dentro da tabela.Assim:<div id="pai"><table><tr><td><div id="filho">nono</div></td></tr> </table></div>Só que desse jeito perde a semantica...Alguém conhece alguma tag que eu possa usar para resolver esse problema sem usar a tabela?Grato desde já

[Ferreira Felipe 0]

Talvez se você postar seu codigo HTML comentado ajudaria bastante!ATE +

[[ GuTo ] 0]

para que um div dentro de uma td de uma table?veja a semântica de seu código...se vai exibir dados tabulares, nao precisa de div's.do contrário, use div dentro de outra div.<div> <div></div></div>

[mosko 0]

Assim que estou fazendo:se eu tiro a tabela o div boxprincipal que tem uma imagem de Background não aparece. é como se não tivesse nada dentro.. o Firefox ignora...No IE aparace normamamente..O que eu percebi que isso só acontece quando dos divs que estao dentro do div principal estão flutando (style float)Experimente abrir esse codigo no Firefox. <div style="background-color:#666666; width:580px;" > <div style=" float:left; width:250px; background-color:#99CC00" > asd asd sasd sa dsa sa da d d asd <br><br><br><br><br> sa dsa dsa dasdasd sa das ad sa dsa </div> </div>

<!-- PRINCIPAL -->	<div id="boxprincipal">		<table cellpadding="0" cellspacing="0" border="0" width="100%">			<tr>				<td>										<!-- LATERAL ESQUERDA -->		<div id="lateralesq">				<!-- LOGO -->			<div id="logo">				<img src="images/logo.gif" alt="ANITA" width="134" height="45">			</div>			<!-- /LOGO -->									<!-- MENU -->			<div id="menu">				<img src="images/menu.gif" width="180" height="167">			</div>			<!-- /MENU -->						<!-- DESTAUQE -->			<div id="destaque">				<img src="images/destaque_cartaopresente.gif" width="160" height="232">			</div>			<!-- /DESTAUQE -->		</div>		<!-- /LATERAL ESQUERDA -->				<!-- MEIO -->		<div id="meio">			<!-- ANIMACAO TOPO -->			<div>				<img src="images/capa_flash.jpg" width="563" height="234"><!-- DESTAQUES MEIO --><div id="destaquesmeio">										<!-- COLEÇÕES -->					<div id="destaquescolecoes">												<!-- COLEÇÃO FEMENINA -->						<div id="colecaofem">							<img src="images/tit_colecao_feminina.gif" alt="Coleção Feminina" width="92" height="38">							<div id="destaquecolefem"><img src="images/exp_colecao_fem_p.jpg" width="93" height="93"></div>						</div>						<!-- /COLEÇÃO FEMENINA -->												<!-- COLEÇÃO MASCULINA -->						<div id="colecaomasc">							<img src="images/tit_colecao_masculina.gif" alt="Coleção Masculina" width="96" height="38">							<div id="destaquecolemasc"><img src="images/exp_colecao_masc_p.jpg" width="93" height="93"></div>					  	</div>						<!-- /COLEÇÃO MASCULINA -->												<!-- COLEÇÃO TÊNIS -->						<div id="colecaoten">							<img src="images/tit_colecao_tenis.gif" alt="Coleção Tênis" width="81" height="38">							<div id="destaquecoleten"><img src="images/exp_colecao_tenis_p.jpg" width="93" height="93"></div>				  	  	</div>						<!-- /COLEÇÃO TÊNIS -->												<!-- COLEÇÃO INFANTIL -->						<div id="colecaoinf">							<img src="images/tit_colecao_infantil.gif" alt="Coleção Infantil" width="73" height="38">							<div id="destaquecoleinf"><img src="images/exp_colecao_inf_p.jpg" width="93" height="93"></div>				  	  	</div>						<!-- /COLEÇÃO INFANTIL -->											</div>					<!-- /COLEÇÕES -->					<!-- BANNERS -->					<div id="banners">						<div id="banner1"><img src="images/banner_cartao.jpg" width="225" height="87"></div>						<div id="banner2"><img src="images/banner_trabalhe.jpg" width="225" height="87"></div>					</div>					<!-- /BANNERS -->												</div>				<!-- /DESTAQUES MEIO -->			</div>			<!-- /ANIMACAO TOPO -->								</div>		<!-- /MEIO -->				</td>			</tr>		</table>	</div>	<!-- /PRINCIPAL -->

tabela...

[Ferreira Felipe 0]

Pronto...Fiz um div novo!!!É mais facil...Teste aqui e funcionou!

<div><div id="Layer1" style="position:absolute; left:15px; top:16px; width:309px; height:155px; background-color: #0000FF; layer-background-color: #0000FF; border: 1px none #000000;">aaassss aaaaassss aaaaasssss asssasasasasas asas<br><br><br><br><br>asasasasas asasasasasas qwqwqwqwqw vcvcvc fgfgfgedrter</div></div>

Qualquer coisa posta ai!Ate +Boa sorte!

[mosko 0]

Mas você esta usando posição absoluta... nao pode ser assim...os div tem que estar flutuando...

[Ferreira Felipe 0]

Mas eu fiz assim e deu certo!!!Entao eu nao sei exatamente o que você disse!Ate +