Testar layout em CSS

[marcellorg 0]

Ola amigos estou fazendo um site em tableless ou CSS mas acho que vou ter problemas em algum browser...

 

site: http://www.classificadosvirtual.com.br/index_.html

 

So testei no EI

Alguem poderia testar para mim no

 

Opera

Mozila

Netscape

 

se tiver algum erro alguem poderia me ajudar no codigo pois sou iniciantes

 

style

 

/* Inicio do layout */

body{

margin:0px;

text-align: center;

font: normal 8pt Verdana, Arial;

}

 

#pagina{

width:770px;

margin-right:auto;

}

 

#top{

height:70px;

width:100%;

}

 

#toplaranja{

float: left;

height: 24px;

width: 400px;

background: #F78221;

margin: 2px 0 0 -199px;

}

 

#topverde{

float: right;

height: 24px;

width: 370px;

background: #84C34A;

margin: 2px 0px 0px 0px;

background-image: url(../images/divbarra.gif);

background-position: left;

background-repeat: no-repeat;

}

 

#esquerda{

width:140px;

float:left;

position:relative;

margin-left:-140px;

margin-right:1px;

}

 

#direita{

float:right;

width:130px; /* hack keeps NN4 right column right? */

margin-right:-130px;

position:relative;

}

 

#centro{

float: left;

width: 100%;

position: relative;

margin-top: -13px;

}

 

#outer{

border:solid white 0px;

border-left: 140px solid #DEDFDE;

border-right: 130px solid #F7F7F7; /* right column width. NN4 hack to hide borders */

background-color: #FFFFFF; /* center column colour */

width: auto;

}

 

#inner{

margin-top:5px;

margin-bottom: 5px;

width:100%;

}

 

#rodape{

height:5px;

width:100%;

background-color:#DEDFDE;

}

/* fim do layout */

#logo{

float:left;

height: 60px;

margin: 4px;

}

 

#banner {

float: right;

width: 468px;

height: 60px;

margin: 4px 2px;

border-width: 1px;

border-style: solid;

border-color: #DEDFDE;

}

 

#bannerdireita{

width: 100px;

height: 60px;

margin: 3px;

border: 1px solid #DEDFDE;

}

 

#destaque{

width: 478px;

height: 170px;

border-left: 1px solid #3975A5;

border-right: 1px solid #3975A5;

margin: -4px 2px -9px 3px;

}

 

#destaquefoto{

float: left;

width: 90px;

height: 80px;

margin: 2px;

border: 1px solid #DEDFDE;

}

 

#destaquetexto{

float: left;

width: 137px;

height: 80px;

margin: 2px;

border: 1px solid #DEDFDE;

background: #E7E7E7;

}

[sitenovo 0]

Seguinte,Nao se pode agradar a gregos e troianos, verdade??Entao, nao tem como o seu site ter condições de abrir em todos os browsers, salvo se você fizer ele p/ todos!!Agora, dentro do seu DW na janela de comportamentos, click no sinal de +, dai você procure o item mostrar eventos de, e por fim, click no item 4.0 ousuperior, significa que, na teoria (nao sei na pratica ainda que euuse isso) o seu site deveria ser visualizado em todos os browsers!!!Mas depende da versao do seu DW se for o ultimo lançado, entao todos os browsers devem visualizar direito, se for antigo a versao como o meu, entao so ate onde o programa tem na memoria me termos de browsers... muitos surgiram nesses novos tempos (de um ano p/ ca), entao, uma versao antiga do Dw nao pode funcionar direito o comando que ensinei ai!Ah, existem no mundo, mais de 2000 browsers diferentes... dai... ja viu quantas vezes você teria de fazer seu site??um p/ cada browser??..[]sRodney