O velho problema FF e IE7...

[marcelovianna 0]

Pessoal, estou desenvolvendo um site (Clique Aqui ou digite no seu browser ://www.portellaidiomas.com.br/novosite), mas não encontrei onde eu posso ter errado para que o layout não se encaixe corretamente no FF. No IE7 ele está aparentemente correto.

Tentei uma dica Postada pelo gio!

*{ margin: 0; padding: 0;}

Que funcionou para um outro colega, mas no meu caso bagunçou ainda mais.

 

Se possível avaliem meu css. Sou novato nesse assunto.

Grato.

Marcelo

 

body {	font: 8pt/16pt georgia; 	color: #555753; 	background: #FBFCD3; 	margin: 0px; 	}	p { 	font: 8pt/16pt georgia; 	margin-top: 0px; 	text-align: justify;	}h3 { 	font: italic normal 12pt georgia; 	letter-spacing: 1px; 	margin-bottom: 0px; 	color: #7D775C;	}a:link { 	font-weight: bold; 	text-decoration: none; 	color: #B7A5DF;	}a:visited { 	font-weight: bold; 	text-decoration: none; 	color: #D4CDDC;	}a:hover, a:active { 	text-decoration: underline; 	color: #9685BA;	}	#fundo {	width: 100%;	margin-right: 0px;	margin-left: 0px;	background-color: #FFFFFF;	margin-top: 0px;	margin-bottom: 5px;	background-image: url(images/bgtop.jpg);	background-repeat: repeat-x;	background-position: left top;	float: left;	height: 100%;	}	#fundo h2 {	background-image: url(images/logo.jpg);	background-repeat: no-repeat;	background-position: left top;	height: 191px;	width: 305px;	text-align: center;	border-left-width: 1px;	border-left-color: #FFFFFF;	clear: both;	float: none;	margin-left: 140px;}#fundo h2 span {	display:none	}	#menu {	float: left;	width: 13%;	margin-top: -209px;	min-width: 142px;	}	#menu h2 {	background-image: url(images/topmenu.jpg);	background-repeat: no-repeat;	background-position: left top;	height: 142px;	width: 139px;	text-align: center;	border-left-width: 1px;	border-left-color: #FFFFFF;	margin-left: 0px;}#menu h2 span {	display:none	}#menu ul {	padding: 2px;	margin-top: -40px;	margin-left: 2px;	}#menu li {	line-height: 2.5ex;	list-style-type: none;	display: block;	padding-top: 5px;	margin-bottom: 5px;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #999999;	}#menu li a:link { 	color: #988F5E;	}#menu li a:visited {	color: #B3AE94;	}		#portella {	line-height: 140px;	background-image: url(images/portella.jpg);	background-repeat: no-repeat;	background-position: right top;	text-align: right;	height: 160px;	width: 15%;	float: right;	margin-top: -210px;	margin-bottom: 2px;	margin-left: 2px;	padding-left: 2px;	display: block;	z-index: 1;	min-width: 148px;}#portella p {	text-align: right;	margin-top: 148px;	line-height: normal;	font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;	margin-right: 5px;}	#conteudo {	clear: both;	float: none;	margin-left: 150px;	margin-top: -20%;	z-index: 1;	width: 70%;	}#metodo {	float: Right;	background-image: url(images/metodo.jpg);	height: 220px;	width: 232px;	clear: right;	margin-left: 20px;}	#rodape {	font-size: 12px;	font-weight: bold;	background-color: #D50000;	text-align: center;	color: #FFFFFF;	margin-top: 10%;	clear: both;}

[marcelovianna 0]

Galera! Usei a caixola e consegui resolver...

Acho que o problema estava no clear:both (nem sei direito pra que serve isso.)

Segue abaixo o código. Se acharem mais alguma coisa de errado, favor postar aki.

Espero que pelo menos minha dúvida ajude outros colegas.

 

* { margin: 0; padding: 0; }body {	font: 8pt/16pt georgia; 	color: #555753; 	background: #FBFCD3; 	margin: 0px; 	}	p { 	font: 8pt/16pt georgia; 	margin-top: 0px; 	text-align: justify;	}h1 { 	font: italic normal 18pt georgia; 	letter-spacing: 1px; 	margin-bottom: 0px; 	color: #7D775C;	}	h2 { 	font: italic bold 14pt georgia; 	color: #7D775C;	}	h3 { 	font: italic bold 12pt georgia; 	color: #7D775C;	}h4 { 	font: italic normal 10pt georgia; 	color: #7D775C;	}	h5 { 	font: italic normal 9pt georgia; 	color: #7D775C;	}	h6 { 	font: italic normal 8pt georgia; 	color: #7D775C;	}			a:link { 	font-weight: bold; 	text-decoration: none; 	color: #B7A5DF;	}a:visited { 	font-weight: bold; 	text-decoration: none; 	color: #D4CDDC;	}a:hover, a:active { 	text-decoration: underline; 	color: #9685BA;	}	#fundo {	width: 100%;	margin-right: 0px;	margin-left: 0px;	background-color: #FFFFFF;	margin-top: 0px;	margin-bottom: 5px;	background-image: url(images/bgtop.jpg);	background-repeat: repeat-x;	background-position: left top;	float: left;	height: 100%;	}	#fundo h2 {	background-image: url(images/logo.jpg);	background-repeat: no-repeat;	background-position: left top;	height: 191px;	width: 305px;	text-align: center;	border-left-width: 1px;	border-left-color: #FFFFFF;	clear: both;	float: none;	margin-left: 140px;}#fundo h2 span {	display:none	}	#menu {	float: left;	width: 13%;	margin-top: -191px;	min-width: 142px;	}	#menu h2 {	background-image: url(images/topmenu.jpg);	background-repeat: no-repeat;	background-position: left top;	height: 142px;	width: 139px;	text-align: center;	margin-left: 0px;}#menu h2 span {	display:none	}#menu ul {	padding: 2px;	margin-top: 0px;	margin-left: 2px;	}#menu li {	line-height: 2.5ex;	list-style-type: none;	display: block;	padding-top: 5px;	margin-bottom: 5px;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #999999;	}#menu li a:link { 	color: #988F5E;	}#menu li a:visited {	color: #B3AE94;	}		#portella {	background-image: url(images/portella.jpg);	background-repeat: no-repeat;	background-position: right top;	text-align: right;	height: 160px;	width: 15%;	float: right;	min-width: 148px;	margin-top: -191px;}#portella p {	text-align: right;	margin-top: 148px;	line-height: normal;	font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;	margin-right: 5px;}	#conteudo {	float: none;	margin-left: 150px;	width: 70%;	margin-top: -35px;	}	#metodo {	float: Right;	background-image: url(images/metodo.jpg);	height: 220px;	width: 232px;	margin-left: 20px;	margin-top: 0px;}	#rodape {	font-size: 12px;	font-weight: bold;	background-color: #D50000;	text-align: center;	color: #FFFFFF;	margin-top: 10%;	clear: both;}

[Paulo de Tarso F. M. 24]

Ah não... Me desculpe, eu até tentei ajudar, mas seu código tem mta coisa desnecessária!!! Primeiro, dê uma boa reciclada nele... Assim, do jeito q tah, fica até complicado achar onde tah o erro...

 

Por exemplo, qual a finalidade de se ter em uma página uma linha como essa aki:

<p> </p>

???

 

Bom, é isso... E arruma o link aki do seu tópico, tah td errado ali...

[marcelovianna 0]

Paulo valeu pela tentativa. Realmente revendo os códigos, vi muita coisa desnecessária.Ja coloquei na resposta anterior o código mai limpo. Aí funcionou!

[Paulo de Tarso F. M. 24]

Bom, sobre o clear: both, essa propriedade indica que não terá nada ao aldo do elemento q a recebe, ou seja, tanto do lado esquerdo qto do lado direito de algum elemento, não será permitida a presença de nenhum outro elemento... Mais ou menos isso... Ok?