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:
    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.