Div embaixo de div não funciona
Olá pessoal!!
Estou tentando colocar um box azul de altura 20px no meu layout. Funcionou no IE 7, mas não no Firefox.
No FF ela não aparece e o texto que nela está contido fica pairando no ar.
A amostra está hospedada em http://www.einfall.com.br/lab
Segue o código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Testando...</title> <link rel="stylesheet" media="all" href="css/estilos.css" type="text/css" /> <link rel="stylesheet" media="all" href="css/tableless.css" type="text/css" /> <style type="text/css">@import "css/estilos.css";</style> <style type="text/css">@import "css/tableless.css";</style></head><body><div id="principal"> <div id="logo"> <img src="imgs/logo_principal.jpg" alt="Rouède Bernardes & Bernardes" class="imagem" /> </div> <div id="menu"> <img src="imgs/index/topo_predio.jpg" alt="" class="imagem" /> <img src="imgs/menu/clientes.gif" alt="clientes" class="imagem" /> <img src="imgs/menu/trabalhos.gif" alt="trabalhos" class="imagem" /> <img src="imgs/menu/parceiros.gif" alt="parceiros" class="imagem" /> <img src="imgs/menu/contato.gif" alt="contato" class="imagem" /> <img src="imgs/menu/links.gif" alt="links" class="imagem" /> <br /> <img src="imgs/index/baixo_predio.jpg" alt="" class="imagem" /> <img src="imgs/index/separador.gif" alt="" class="imagem" /> <img src="imgs/index/citacao.jpg" alt="" class="imagem" /> </div> <div id="chamada1"> Saiba mais... Clique aqui e conheça </div> </div></body></html>
Segue o CSS:
body { background:#8fa6bc; text-align:center; font:80% verdana,arial,helvetica,sans-serif; margin:0; } #principal { width:765px; background:#8fa6bc; margin:0 auto; border:5px solid #FFF; display:table; top:0; } #logo { width:765px; height:126px; text-align:center; margin:0; top:0; } #menu { width:765px; border-top:5px solid #006699; border-bottom:5px solid #FFF; margin:0; top:0; } #artigos_contato { width:765px; border-top:5px solid #FFF; border-bottom:5px solid #FFF; margin:0; top:0; }#chamada1 { margin:0; background:#8fa6bc; height:20px; top:0; }
Discussão (2)
Carregando comentários...