ie x firefox

[Campão 0]

Bom galera, só para esclarecer, estava com meu site praticamente pronto, quando me deparei como o Webstandards, então resolvi mudar antes de por no ar, so que não sei nada ainda, to aprendendo faz pouco tempo, então to cheio de duvidas, e no que puderem me ajudar, eu agradeço muito

 

bom fiz meu layout baseado no I.E. 6, que é o que tenho na minha maquina, ai fui ver como ele ficou no firefox 2.0.0.6 e ta cheio de coisa fora do lugar, sera

 

to colocando as imagens para você verem,

 

os erros eu destaquei com as setas...

 

1 - é o menu que ficou flutando fora do lugar;

2 - é a div conteudo que desceu,

3 - é o topo da div conteudo que ficou fora do lugar e

4 - é o rodape que tb desceu,

 

bom gostaria de saber pq isso aconteceu e como faço para arrumar e ficar do mesmo jeito que eu vejo no i.e.

 

agora mais umas duvidas:

 

5 - Qual os navegores vcs usam para testar os layouts alem do I.E. e do Firefox???

6 - O modo como estou programando o CSS esta correto???

7 - Se eu quiser em vez de lista, usar umas imagens no meu menu, tem problema (tipo a fonto que vou usar não é muito comum)?

 

Abaixo segue o codigo CSS da pagina com erros e os print scream que eu tirei do navegadores..

 

Mozilla 2.0.0.6

I.E. 6.0

 

Codigo CSS

 

body {	margin: 0px;	padding: 0px;	background-color: #FFFFFF;	background-image: url(images/degrade_body.jpg);	background-repeat: repeat-x;	background-position: left top;}a {	text-decoration:none;	color:#000000;}a:hover {	text-decoration:underline;}#geral {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	padding: 0px;	width: 700px;	margin: 0 auto;	min-height:500px;	background-color: #cff3d0;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;}#menu{	background-color: #fee7a2;	width:100%;	padding:0;	margin:0;	border-bottom:1px solid;}#menu li{	margin:0;	padding:0;	list-style-image: none;	list-style-type:none;	float:right;	background-color:#fee7a2;}#menu a{	color:#000000;	display:block;	line-height:2.1em;	margin: 0px;	padding:0 2em;	border-bottom-width: 5px;	border-left-width:0px;	border-right-width:0px;	border-top-width:1px;	text-decoration:none;	float:left;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #fee7a2;	border-right-color: #fee7a2;	border-bottom-color: #fee7a2;	border-left-color: #fee7a2;}#menu a:hover {	border-color: #e5d294;	background-color:#feecb5;	color:#999999;}#logo{	background-image:url(images/logo.jpg);	background-repeat: no-repeat;	width:180px;	height:224px;	float: left;}#anuncios{	background-color:#336666;	width:160px;	height:224px;	float: left;	clear:left;	padding:5px;	margin-left:3px;	margin-bottom:0px;	margin-right:3px;	margin-right:3px;}#conteudo {	width:490px;	background-image:url(images/meio_caixa.jpg);	float: right;	position:relative;	margin-top: 15px;	margin-right: 10px;	margin-bottom: 0px;	margin-left: 0px;	background-repeat: repeat-y;	background-position: left top;}#conteudo h1{	background-repeat:no-repeat;	font-size:12px;	text-align:center;	line-height:28px;	background-image: url(images/titulo_caixa.jpg);	background-position: left top;}#conteudo p{	display:block;	line-height: 15px;	padding-top: 0px;	padding-right: 15px;	padding-bottom: 0px;	padding-left: 15px;}#conteudo img{	float:left;	margin-bottom:5px;	margin-left:15px;	margin-right:5px;	margin-top:5px;	border-width:1px;	border-style:solid;}#cont1 {	background-image:none;	width:45%;	padding:5px;	height:150;	float:left;	border-width:1px;	border-style:dotted;	border-color:#999999;	clear:left;	margin-top: 5px;	margin-right: 5px;	margin-bottom: 0px;	margin-left: 5px;}#cont1 h1{	display:block;	border-width:1px;	border-style:solid;	background-color:#f5c6be;	background-image:none;	font-size:11px;	text-align:center;	font-weight:bold;	line-height:20px;}#cont1 p{	background-image:none;}#cont1 img{	margin:2px;}#cont2 {	background-image:none;	width:45%;	padding:5px;	height:150;	float:right;	border-width:1px;	border-style:dotted;	border-color:#999999;	clear:right;	margin-top: 5px;	margin-right: 5px;	margin-bottom: 0px;	margin-left: 5px;}#cont2 h1{	display:block;	border-width:1px;	border-style:solid;	background-color:#f5c6be;	background-image:none;	font-size:11px;	text-align:center;	font-weight:bold;	line-height:20px;}#cont2 p{	background-image:none;}#cont2 img{	margin:2px;}#rodape{	width:100%;	height:65px;	background-color: #fee7a2;	clear:both;	background-image: url(images/rodape.jpg);	background-repeat: no-repeat;	background-position: left bottom;}#rodape p{	text-align:center;	line-height:30px;	display:block;	height:30px;	margin-top: 35px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;	font-weight:bold;	color:#666666;}#rodape2{	background-image:url(images/rodape2.jpg);	height:67px;	width:100%;	background-repeat: no-repeat;	background-position: center top;}

 

 

valew

[Ricardo Lima (Aram) 0]

Campeão, eu nao analisei seu código mas veja 2 coisas:1 - Tente fazer alterações com base no firefox e veja se no ie muda muito (geralmente não)2 - O ie7 tá vindo aí viu? Tá preparado pra ele?

[Guilherme Rambo 4]

Bem, se seu site ficou legal no IE6 e não no FF, então foi com certeza algum erro seu, já que o FF é que interpreta a maioria das coisas corretamenteA dica que tenho é não pegar um projeto e tentar concluir ele sem ter um conhecimento bastante razoável sobre webstandards, assim você evita essas emergências[]'s

[André do Vale 76]

2 - O ie7 tá vindo aí viu? Tá preparado pra ele?

http://forum.imasters.com.br/public/style_emoticons/default/upset.gif De novo? Ele já taí faz muito tempo.E como os colegas disseram, estruture antes para o firefox, depois faça as gambiarras para o IE.