Ir para conteúdo

POWERED BY:

Arquivado

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

pedrohenrique

border e margin diferentes

Por , em Desenvolvimento frontend

Recommended Posts

pedrohenrique    0

pedrohenrique
Postado

por que não funciona no firefox nem a borda e nem a margem da div pr ???

o código que eu fiz está correto???

a utilização das propriedades está da forma correta???

essa é a maneira mais fácil e eficaz de se fazer um layout como esse?

 

se puderem responder todas as questões fico agradecido galera....

 

valeu!

 

abaixo o código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/><title></title><style type="text/css">body {	margin: 0px;}#td {	width: 770px;}#tp {	width: 765px;	background-color: #EBE8E8;	border: 1px solid #BCBCBC;	height: 80px;	margin-bottom: 10px;}#pr {	width: 765px;	clear: both;	border: 1px solid #BCBCBC;	margin-bottom: 10px;}#mn {	width: 180px;	background-color: #EBE8E8;	float: left;	height: 350px;}#ct {	width: 575px;	background-color: #CCFF99;	float: right;}#bt {	width: 765px;	background-color: #CCFFFF;	clear: both;	border: 1px solid #BCBCBC;	height: 30px;}</style></head><body>	<div id="td">  <div id="tp"></div>  <div id="pr"> 	 <div id="mn"></div> 	 <div id="ct"></div>  </div>  <div id="bt"></div>	</div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

você tem q settar uma altura pra ele... ;)

 

#pr {

width: 765px;

clear: both;

border: 1px solid #BCBCBC;

margin-bottom: 10px;

height: 350px;

}

 

==================================

 

faça assim q fica melhor tb:

 

#pr {

width: 765px;

clear: both;

border: 1px solid #BCBCBC;

margin-bottom: 10px;

height: 350px;

}

 

#mn {

width: 180px;

background-color: #EBE8E8;

float: left;

height: 100%;

}

 

#ct {

width: 575px;

background-color: #CCFF99;

float: right;

height: 100%;

}

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