web descuadrada en mozilla y crome

Buenas. Pues eso, mi web sale descuadrada en cualquiera navegador que no sea explorer.

Esta linea que pongo a continuacion es la que ponia en el curso paso a paso para solucionar este problema, pero por lo visto hay algun fallo.

*{margin:0px ; padding:0px ; border:0px}

Sabeis que puede ser?

Hola Magno

Bueno aveces se necesita medidas especificas para los otros navegadores y una posicion, deja el codigo de tu web con el css respectivo para ver donde falta y q falta para q este bien en todos los navegadores

Salu2

Aqui os dejo los datos:

WEB: http://proyecto-cosanostra.onlinewebshop.net/



HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Cosanostra</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>

<body>

<div id="global">
<div id="cabecera">[contenido no disponible]</div>
<div id="navegacion">
<ul>

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]
</div>

<div id="contenido">
<div id="menuizq">[contenido no disponible]
<div id="youtube"><table><object width='175' height='175'><param name='movie' value='http://www.youtube.com/v/w_Di_P0dCHs'></param><param name='wmode' value='transparent'></param><embed src='http://www.youtube.com/v/w_Di_P0dCHs' type='application/x-shockwave-flash' wmode='transparent' width='175' height='175'></embed></object></table></div></div>
<div id="menuder">
<div id="menuretos">[contenido no disponible]<table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">750</td></tr></table><table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">715</td><td></td></tr></table><h3>PENDIENTES</h3><table><tr><td>[contenido no disponible]MA</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]MA</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]MA</td><td width="70px" class="tabla">715</td></tr></table></div>
<div id="menuretosp">[contenido no disponible]<table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">750</td></tr></table><table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]</td><td width="70px" class="tabla">715</td><td></td></tr></table><h3>PENDIENTES</h3><table><tr><td>[contenido no disponible]MA</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]MA</td><td width="70px" class="tabla">715</td></tr></table><table><tr><td>[contenido no disponible]MA</td><td width="70px" class="tabla">715</td></tr></table></div>
<div id="menuenlace"><table>[contenido no disponible][contenido no disponible]</table></div></div>

<div id="encabezadoinauguracion"></div>

<div id="menucen">

Pues después de unos añitos teniendo un foro gratuito que hemos llevado como se ha podido, gracias a la tozudez de Magno y a la creatividad de Renacido, por fin TENEMOS WEB¡.
Y no solo eso, y es que a nadie de esta "Familia" se le ocurrió crear un logo del clan,...hasta hoy¡¡ Aqui lo tenemos.</p>[contenido no disponible]</div>
</div>

<div id="pie">[contenido no disponible]</div>
</div>

</body>
</html>




CSS:*{margin:0px ; padding:0px ; border:0px}
body {text-align: center ; background:#000000 url(objetos/fondo.jpg) ; background-repeat:no-repeat ; background-position:top ; font-family:Monotype Corsiva ; font-size:17 ; color:white}
#global {width:950px ; margin: 4px auto }
#cabecera {}
#navegacion {margin-top: 10px ; height: 5px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 165px }
#contenido {height: 850px ; margin-top:0px}
#menuizq {float:left ; width:150px ; margin:10px 6px 0px 0px}
#menuder {float:right ; width:185px ; background-image:url(objetos/marcoderecho.png) ; background-repeat:no-repeat; background-position:top ; margin:10px 0px 0px 0px}
#menuretos {float:right ; background-image:url(objetos/baseretos.png) ; background-position:bottom ; background-repeat:no-repeat ; margin:145px 0px 0px 10px}
#menuretosp {float:right ; background-image:url(objetos/baseretos.png) ; background-position:bottom ; background-repeat:no-repeat ; margin:20px 0px 0px 10px}
#menuretos table {text-align:right}
#menuretosp table {text-align:right}
#menuretos h3 {text-decoration:underline}
#menuretosp h3 {text-decoration:underline}
#menuenlace {float:right ; background-image:url(objetos/enlaces.png) ; background-repeat:no-repeat ; width:185px ; height:250px ; margin:20px 0px 0px 10px}
#menuenlace table {margin:90px 18px 0px 25px}
#menucen {float:center ; width:495px ; height:445px ; background-image:url(objetos/marcocentro.png) ; background-repeat:no-repeat ; margin: 10px 10px 0px 10px}
#menucen p{padding:0px 10px 5px 10px ; text-align:left ; margin-top:55px}
#youtube {background-image:url(objetos/youtube.png) ; width:201px ; height:250px ; margin:20px 0px 0px 0px}
#youtube table {margin-top:35px}
#noticias {background-image:url(objetos/marconoticias.png) ; background-repeat:no-repeat ; height:500px ; margin-top:10px}
#pie {}

intenta aumentando un float en navegacion y contenido recuerda q para firefox y otros navegadores hay q especificar el sitio y el tamaño tiene q ser exacto

Kamael escribió:intenta aumentando un float en navegacion y contenido recuerda q para firefox y otros navegadores hay q especificar el sitio y el tamaño tiene q ser exacto

No entiendo lo que quieres decir con aumentar el float,... en el curso paso a paso decia que poniendo esta linea: *{margin:0px ; padding:0px ; border:0px} la primera de todas en el CSS se solucionaba el problema, pero no es asi.

Pues sigo sin dar con la tecla de como poner bien mi web en firefox y demas navegadores. Solo se ve bien en explorer.

esa linea de código lo único que hace es resetear los maregenes bordes y demás y te soluciona algunos errores no todo, lo que tenes que hacer es usar tamaños fijos para las capas, y usar hacks para corregir errores de internet explorer, busca en google:

hacks+html+internet explorer

o

fix+html+internet explorer

antes de esto fijate si tu web cumple con los estandares html y css

Pásanos la url de tu web magno, así lo vemos en vivo y en directo :lol:

Hay pongo el link, a ver si sabeis exactamente donde tengo que tocar:

http://proyecto-cosanostra.onlinewebshop.net/

A ver si me podeis echar una manilla con esto, que es lo unico que me falta para subir la web al hosting,.. no logro dar con la tecla.

Gracias.