Problemas en navegadores diferentes...

Hola a todos...

Es que soy un poco torpe pero voy aprendiend...je

Tengo un gran problema.. mi pagina se ve estupendamente en el explorer pero en el resto me falla el menu general, he estado jugado con las medidas y solo se me ha cuadrado bien como os he dicho en el explorer... por favor necesito ayuda la pagina es de mi futura tienda de frutas y veruras...

La pagina ya está en marcha y es www.marifer.es.

El código CSS es:

* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px }
p {text-align:left}
h1 {font-size: 1.2em;color:blue;font-weight:bold; text-decoration:underline; text-align:center}
h2 {font-size: 1.1em;color:blue;font-weight:bold; text-decoration:none;text-align:center}
body {text-align:center; background-image:url(objetos/fondfruit.jpg)}
#global{width:800px ; margin:4px auto}
#curva-superior {background-image:url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: 1px solid black ; border-right: 1px solid black ; height:85px }
#logotipo { width:300px ; float:left }
#publicidad { width:498px ; float:right ; margin-top: 15px ;height:150px }
#publicidad p{font-size:1.3em ;font:papyrus ;color:orange ;margin-left:40px }
#navegacion {background-color: white ;border-left:1px solid black ;border-right:1px solid black ;height:50px ;padding:5px ;overflow:hidden }
#navegacion li{float: left ;list-style:none ;width:100px ;margin: 0px 5px 0px 5px ;background-image: url(objetos/menu-horizontal.GIF) }
#navegacion ul{margin-left: 10px }
#contenido {background-color: orange ; border-left:black 1px solid ; border-right: black 1px solid ;border-bottom:solid 1px black ;border-top:solid 1px black }
#contenido p{margin:5px 10px 5px 10px ; text-indent: 0px }
#contenido img{margin-left: 45px }
#contenido h1{padding-top: 20px ;font-size: 2.0em}
#menu {width: 150px ; float:left ; text-align:center ; margin: 3px 10px 10px 3px ;background-image: url(objetos/menu-parte-inferior.gif) ;background-repeat:no-repeat ; background-position: bottom ;padding-bottom:5px }
#menu li{list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ;font-size:12px ;background-image: url(objetos/menu-parte-superior.gif) ;padding-top: 12px }
#articulo {border: black 3px solid ;margin: 5px ;weight:790px ;height:150px ;background-color: yellow ;text-align:left }
#foto img{float:left ;margin:10px ;border:green 2px solid }
#descripcion {float:left ;border:green 2px solid ;height:125px ;width:350px ;margin:10px 10px 10px 5px ;text-align:center ;background-color: #9aff9a ;font-size:1.3em }
#unidad {float:left ;border: green 2px solid ;height:125px ;width:200px ;margin:10px 10px 10px 5px ;background-color:9aff9a }
#precio {background-color: white ;border:black 0.5px solid; margin:20px 20px 5px 60px ; height:30px ;width:70 }
#pie {background-color:yellow ; border-left:1px solid black ; border-right:1px solid black ; height:65px ;overflow:hidden }
#pie li{list-style:none ;font-size:12px}
#pieuno {float:left ;width:150px }
#piedos {float:left ;width:498px }
#pietres {float:left ;width:150px }
#curva-inferior {background-image:url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden }
a {color: brown ; text-decoration: none; display:block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ;background-color:silver }
a:active {}
#pie a {color: blue ; text-decoration: none; display:block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ;background-color:white }
#pie a:active {color:black }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#navegacion a {color: blue ; text-decoration: none; display:block ;margin: 10px 0px 5px 0px }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:black ; text-decoration:underline ;background-color:white }
#navegacion a:active {color:black }
#carro {border: 5px green solid; width:770px; height: 1000px ; background-color: yellow}

Por favor....ayudaaaaa....estoy desesperado...muchas gracias...

Hola, existen algunos problemillas que deberías mirar;
Estos son algunos errores que encuentra el Dream.
En realidad, los errores de arriba son clarividentes, lo que se ha dado cuenta el dream, es el de la escritura, como dice nuestra amiga "Peugeot", dos ojos ven menos que cuatro.


Bueno.....
Pero lo que hace que tu cabecera no se vea bien en los navegadores, es por las medidas que les atribuyes a la capa y las imágenes,
no coinciden...!!!
__________________________________
Aqui existe un error,
debes meter esta etiqueta meta dentro de <head>

<body>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<div id="global">
__________________________________
Esto forma tu cabecera;

<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">[contenido no disponible][contenido no disponible][contenido no disponible]


Lo llevamos del árbol a nuestra tienda y a tu casa...</p>
</div>
</div>

Y en tu hoja CSS, tiene escrito esto,
#cabecera {background-color: white ; border-left: 1px solid black ; border-right: 1px solid black ; height:85px }

Si eres un poco observador, encontrarás un pequeño error, pero importantate.
Como firefox y otros respetan tus criterios, te muestran mal lo que está mal escrito.
Como internet explorer ejecuta su propio criterio, te agranda las capas para contener lo que es más grande que las capas, un error, por eso lo ves bien aún habiendo errores de medidas.
___________________________________

Aquí hay un error de escritura;
#articulo {border: black 3px solid ;margin: 5px ;weight:790px ;height:150px ;background-color: yellow ;text-align:left }
Reemplaza weight por width
___________________________________

#unidad {float:left ;border: green 2px solid ;height:125px ;width:200px ;margin:10px 10px 10px 5px ;background-color:9aff9a }
Aquí el color, nada importante pero tiene un error,
9aff9a le falta el "#", sin él creo que sabes, que el color no se ejecuta.
___________________________________

Aqui le falta la unidad de medida al elemento "precio"
#precio {background-color: white ;border:black 0.5px solid; margin:20px 20px 5px 60px ; height:30px ;width:70 }
width:70

___________________________________

A tu script, dile el tipo;
tu tienes, <script language="javascript">
Escribelo, <script language="javascript" type="text/javascript">

___________________________________

Bueno.....
Intenta corregir estos errores, y haz que coincidan las medidas en todos los elementos.
Un error que cualquier validador te recordará, que para la versión DOC TYPE en la que has escrito tu página, cierras las etiquetas "img".
Cuando para la versión que tu utilizas;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
no es obligatorio, y "como ellos dicen" no está permitido.

Tu cierras con />, les quitas la barra y solucionado.




Es pero lo soluciones, y no me haya liado en la escritura.


manmanu