Discrepancias entre navegadores con respecto al css

[miriamgomez]

Hola:

Empiezo por exponeros el codigo css:

Código CSS:

* {margin:0px ; padding:0px ; border: 0px} 
body {
    background-color:#1000a4;
 
    text-align: center;
padding-top: 4px;
padding-bottom: 4px;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    color: #000066;
}
      #wrap {
    width:998px;
    margin:0 auto;
        background-color:#ffffff;
    text-align:left;
        padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    overflow: hidden ;
}
 
#global {
    background-color:#1000a4;
    width:990px;
    align:center;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    overflow: hidden ;
 
    
 
    }
 
 
#logotipo {
 
    width:990px;
    background-color:#00FF66
 
 
    
}
 
#cuerpo{
    width: 984px;
    text-align: center;
        background-color: #fff333;
        overflow: hidden ;
}
 
    
 
    #pie{
    width: 984px;
padding-top:20px;
    background-color: #1ebbf2;
 
        overflow: hidden ;
}
 

Pues con este codigo funciona bien el IE



pero con el goole crhome, se descuadra:



Alguna idea?

Gracias de antemano

[IsaBelM]

revisa esto

[Poliformado]

A mi me pasaba algo parecido hace algún tiempo, hacia mi css y al probarlo en diferentes navegadores me encontraba desde descuadres, hasta partes que no eran ni mucho menos iguales en cada navegador.

Busque por Google la solución, resumidamente (Y perdonen si me equivoco) seria que cada navegador tiene su standard de los lenguajes de diseño web, por eso hay etiquetas de html y css que no funcionan por que están obsoletas, funcionan parcialmente o funcionan bien en los navegadores más usados. (Para saber más acerca de esto pásate por el w3schools que es muy útil)

Esto pasa igual con la interpretación del diseño, tu si pones que se vea algo a 50px no en todos los navegadores lo veras igual posiblemente, peor es el caso del % que es interpretado por cada uno de forma diferente.

Solución:

Para cada navegador hay una forma de decirle que de forma exclusiva lo que hay dentro de cada etiqueta sea solo leído por ese navegador, eso quiere decir que cuando creas el CSS solo tendrías que excluir las partes que te están dando problemas en el diseño y hacer las variantes para cada navegador.

Encontre esta lista buscando ahora con lo necesario para excluir el codigo de cada navegador en sus diferentes versiones [URL="http://designerprasad.blogspot.com/2010/11/comprehensive-list-of-browser-specific.html"]Lista para Navegadores[/URL].

Yo te aconsejo empezar haciendo el diseño en Firefox o Chrome y luego dejar para lo ultimo el IE, por que el Firefox y Chrome mantienen mucha semejanza en el standard que te comentaba antes, mientras que IE sera bastante más diferente que estos dos últimos. Yo ahora estoy con otro diseño en el que el CSS estoy haciéndolo entero primero para Firefox, luego lo arreglare para Chrome y por ultimo me tocara (Casi rehacerlo) en IE usando las exclusiones.