Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

tdelgrande

Div embaixo de div não funciona

Por , em Desenvolvimento frontend

Recommended Posts

tdelgrande    0

tdelgrande
Postado

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"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head>	<meta 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;	}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito