Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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; }
Carregando comentários...
