Problemas en Crhome y Firefox

Saludos a todos los del foro, y mis felicitaciones al(los) creador(es) de la página, una gran labor para todos los incultos que queremos realizarnos en la red :lol:

Bueno el problema que tengo es acerca de los problemas que se tiene al visualizar la página en los distintos navegadores,,,,
Estoy en la lección segunda-Dar formato a cero, del curso paso a paso, y hasta ahora no puedo de ninguna manera hacer que todas las capas tengan 800px de ancho en Chrome y Firefox, sólo en Explorer marcha bien la cosa...

Acá les dejo el html y el css para que me lo echen una ojeada por favor..
_____________________

<html>
<head>
<title>plantilla</title>

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">

</head>
<body>
<div id="global">


<div id="cabecera">Bienvenido!!!</div>

<div id="navegacion">Barra de Navegación</div>

<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta será la zona principal de la web
    </div>

    <div id="pie">Este será el pie de página</div>


    </div>
    </body>
    </html>

    __________________________________________

    Y el estilos-general.css ,,,,
    ________________

    *{margin:0px ; padding:0px ; border:0px}
    body {text-align: center}

    #global {width=800px; margin=4px auto}
    #cabecera {background-color: #00CED1}
    #navegacion {background-color: gray}
    #contenido {background-color: orange; width:800px; folat:left}
    #pie {background-color: brown}

    #menu {background-color: yellow; width:150px; float:left; text-align: left}
    #menu li {list-style: none}

    ____________________

    Bueno le agradezco el interés.... :D
  • aqui tu fallo

    width=800px;

    debe ser

    width:800px

    separado por dos puntos, no por =

    saludos
    Yaneth escribió:aqui tu fallo

    width=800px;

    debe ser

    width:800px

    separado por dos puntos, no por =

    saludos

    Kater escribió:
    Muchísimas gracias Yaneth, estuve por volverme loco revisando una y otra vez (ciego q fuí)... :shock:

    Saludos
    Kater escribió:
    Saludos, me topé con un pequeño problema, es sobre los textos que aparecen cuando se pasa el cursor sobre una imagen, tengo esta imagen a la cual le puse alt="un extraño pato" y sólo logro verla en Explorer y no en Chrome ni Firefox


    [contenido no disponible]

    Les agradecería muchísimo la ayuda :D

    Recuerda siempre poner un "float"
    *{margin:0px ; padding:0px ; border:0px}
    body {text-align: center}

    #global {width=800px; margin=4px auto }
    #cabecera {background-color: #00CED1; float:left}
    #navegacion {background-color: gray; float:left}
    #contenido {background-color: orange; width:800px; folat:left}
    #pie {background-color: brown;float:left}

    #menu {background-color: yellow; width:150px; float:left; text-align: left}
    #menu li {list-style: none}

    asi evitas problemas con otros navegadores


    bueno lo siguiente en tu imagen para mostrar :

    [contenido no disponible]</img>

    creo q este deberia ser el codigo y no:
    [contenido no disponible]

    si me das el link de tu pagina con gusto puedo ver cual es el error :P
    Kater escribió:Ahora todo marcha bien :D ....
    Muchas gracias Kamael...
    Auxiliooooo :cry: Tropecé con otro problema :(
    Hice unos diseños de borde para la cabecera y pie de página, estos están en .png y son recortadas (no tienen fondo blanco) y el navegador q ahora me da problemas es el Explorer, en el se ve un recuadro plomo donde está el recorte... en Chrome, Firefox, Opera y Safari todo anda super!!!

    http://orion.scienceontheweb.net/plantilla.html

    echenme una manito q se los agradezco :D !!!!

    P.D. Disculpen los colores chillones q escogí, estoy probando :shock:
    Lo q se me ocurre es q le pongas el fondo tu :P a mano editando la imagen :P
    Kamael escribió:Lo q se me ocurre es q le pongas el fondo tu :P a mano editando la imagen :P

    Kater escribió:

    :( que flojera,,, pero gracias por la ayuda :D!!!!