No Firefox eh uma coisa no IE eh outra???

[Fabricio Araujo 0]

Ola pessoal!

Fiz uma CSS pra otimizar meus layouts, mas eles se comportam em maneiras diferentes no ff e no ie. Segue o codigo:

 

body {	margin:0;	padding:0;	border:none;	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;	background:#fff;	color:#333;	text-align:center;	}#tudo {	width:758px;	 	margin:0 auto;	text-align:left;	}#topo {	height:50px;	border-bottom:1px solid #c30;	position: relative;	}#rodape {	clear:both;	text-align:center;	border-top:1px solid #c30;	}ul, ol {	margin:0;	padding:0;	list-style:none;	}	.dest {	color:#039;	}	#principal {	float:left;	width:460px;	margin-left:3%;	text-align:justify;	border:  solid #E6E6E6;	border-width: 2px;	padding: 0 10px;	margin-top: 11%;	}#menu {	width:115px;	float:left;	margin-top: 10%;	position: static;	}#noticia {	width:115px;	float:right;	margin-top: 10%;	position: static;	}

Esse codigo funciona como eu quero no ff, mas no ie o #menu, #principal e #noticia, ficam muito baixos em relaçao a barra do navegador... Sera que deu pra entender?

 

Como faço pra corrigir e deixar os dois iguais?

 

Obrigado.

 

Fabricio

[Giovani 104]

Não seria o margin-top que tem nos 3?

[Fabricio Araujo 0]

Putz.. Alem desse erro tinha um outro gigantesco!!! Ja consertei esse maior mais eles ainda estao aparecendo de maneira diferente no is e ff... segue o novo codigo! Pls HELP!!!

 

/* CSS Document */body {	margin:0;	padding:0;	border:none;	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;	background:#fff;	color:#333;	text-align:center;	}#tudo {	width:758px;	 	margin:0 auto;	text-align:left;	}#topo {	height:50px;	border-bottom:1px solid #c30;	}#rodape {	clear:both;	text-align:center;	border-top:1px solid #c30;	}ul, ol {	margin:0;	padding:0;	list-style:none;	}	.dest {	color:#039;	}	#principal {	float:left;	width:460px;	margin-left:2%;	text-align:justify;	border:  solid #E6E6E6;	border-width: 2px;	padding: 0 10px;	margin-top: 10%;	}#menu {	width:115px;	float:left;	margin-top: 10%;	}#noticia {	width:115px;	float:right;	margin-top: 10%;	}

[Giovani 104]

Por acaso você não tem um link ai?

[Fabricio Araujo 0]

Infelizmente nao tenho... Mas vou arranjar isso!

[Jose Silva 0]

VOCÊ TERÁ QUE FAZER UMA "SIMULAÇÃO" COM RELAÇÃO AOS DOIS NAVEGADORES ALTERANDO OU ACRESCENTANDO VALORES PARA MARGIN E PADDING NA DIV "PROBLEMÁTICA".FIREFOX E IE TÊM COMPORTAMENTO DIFERENTE NO QUE DIZ RESPEITO A MARGIN E PADDING.ÀS VEZES VALORES MARGIN FUNCIONAM PARA UM NAVEGADOR, MAS NÃO PARA OUTRO.O OPERA TEM O MESMO COMPORTAMENTO!CONSEGUI UMA PÁGINA COM LAYOUT "LÍQUIDO" QUE TINHA ALGUNS "HACKS" PARA "BALANCEAR" OS NAVEGADORES. MAS, APÓS ALGUNS AJUSTES BASEADOS EM MARGIN E PADDING EXCLUÍ OS HACKS E TUDO ESTÁ FUNCIONANDO PERFEITAMENTE NOS TRÊS NAVEGADORES [ IE + FF + OPERA ].

[danimac13 0]

Fabrício!

 

Seu problema pode ser resolvido com um aplicativo muito simples. Clique aqui!

Ae é so você colocar as regras exclusivas de bugs de navegadores em outro arquivo css.

A única dificuldade que você terá é com explorer.

 

Alguém consegue fazer com que um width de uma sub-div seja 50% em relação a div e não ao body?