Entrar

problema con firefox

martrix · · Solicitar retirada
hola! mi problema es que la página no se ve bien con firefox. he visto que este problema es frecuente y que recomendáis repasarlo todo. lo he hecho y aún así no encuentro el error. la página no tiene url todavía, así que os dejo el archivo html y la hoja de estilos, que he visto que es lo que soléis pedir.

1. archivo html

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

<html>
<head>
<title>pájaros y servilletas</title>
<link rel="stylesheet" href="estilosplantilla.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
/**************************************************************************************************
* Este script está realizado por Maestro Html y se distribuye con esta licencia: *
* http://creativecommons.org/licenses/by-nc-sa/2.5/es/ *
* ******NO ELIMINAR ESTA CABECERA****** *
* Recuerden entrar en: *
* http://destellosolutions.idoo.com/ - Soluciones de todo tipo *
***************************************************************************************************/

if (document.images) {silu1d = new Image
nuestrosproductos = new Image
silu4d = new Image
vacio1 = new Image
silu2d = new Image
vacio1 = new Image
silu3d = new Image
vacio1 = new Image
silu5d = new Image
vacio1 = new Image
silu6d = new Image
vacio1 = new Image
silu1d.src = "imagenesweb/silu1d.jpg"
nuestrosproductos.src = "imagenesweb/nuestrosproductos.jpg"
silu4d.src = "imagenesweb/silu4d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu2d.src = "imagenesweb/silu2d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu3d.src = "imagenesweb/silu3d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu5d.src = "imagenesweb/silu5d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu6d.src = "imagenesweb/silu6d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
}
else {silu1d = ""
nuestrosproductos = ""
document.silu = ""
silu4d = ""
vacio1 = ""
document.silucamb1 = ""
silu2d = ""
vacio1 = ""
document.silucamb2 = ""
silu3d = ""
vacio1 = ""
document.silucamb3 = ""
silu5d = ""
vacio1 = ""
document.silucamb4 = ""
silu6d = ""
vacio1 = ""
document.silucamb5 = ""
}
</script>

<style type="text/css"></style>


</head>

<body onload="init();">
<div id="global">
<div id="cabecera"></div>
<div id="logotipo">
[contenido no disponible]
</a>
</div>

<div id="navegacion">
<ul>
  • [contenido no disponible]
  • quiénes somos
  • productos
  • novedades
  • pedidos

    </div>

    <div id="contenido">
    <div id="menu">
    <ul>
  • limpieza
  • servicio de mesa
  • té/café
  • accesorios cocina
  • accesorios salón
  • relojes y radios
  • textil hogar
  • curiosidades

    </div>
    <div id="cuerpoppal">
    <table align="center" width="70%" frame="void" cellspacing="30px">
    <tr>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    </tr>
    <tr>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    </tr>
    </table>

    <h1>DISEÑO, CALIDAD Y BUENOS PRECIOS</h1>


    <p class="datos">Todo esto y mucho más es lo que encontrarás en esta página: entra y déjate sorprender...
    </p>


    </div>
    </div>

    <div id="pie">
    <ul>
  • privacidad
  • condiciones de pedidos
  • formas de pago
  • gastos de envío



    </div>



    </div>



    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    2.hoja de estilos

    * {margin:0px ; padding:0px ; border: 0px; list-style:none}

    body {text-align: center;
    background-color: #FFFAFA
    }

    #global {width:800px;
    margin: 4px auto;
    background-color: #828282;
    }

    #logotipo {background-color: #828282;
    width:800px;
    height:150px;
    float:center;
    }

    #navegacion {background-color: #828282;
    border-top: 2px solid #FFFAFA;
    border-bottom: 2px solid #FFFAFA;
    border-right: 1px solid #FFFAFA;
    border-left: 1px solid #FFFAFA;
    font-family: arial;
    font-size:16px;
    height:20px;
    }

    .pys {

    padding: 0px 0px 0px 0px;
    }

    #navegacion li {float:left;
    list-style:none;
    padding: 3px 12px 3px 12px;
    border-right: 1px solid #FFFAFA;
    border-left: 1px solid #FFFAFA;
    }

    #navegacion ul {margin-left: 0px}

    #menu {background-color: #828282;
    width: 179px;
    height:490px;
    float:left;
    font-family: arial;
    font-size:16px;
    border-right: 2px solid #FFFAFA;
    margin-right: 10px
    }

    #menu li {list-style:none;
    text-align:center;
    padding: 6px 0px 6px 0px;
    border-bottom: 2px solid #FFFAFA;
    }

    #menu3 {background-color: #828282;
    width: 179px;
    height:510px;
    float:left;
    font-family: arial;
    font-size:16px;
    border-right: 2px solid #FFFAFA;
    margin-right: 10px
    }

    #menu3 li {list-style:none;
    text-align:center;
    padding: 6px 0px 6px 0px;
    border-bottom: 2px solid #FFFAFA;
    }

    #menu4 {background-color: #828282;
    width: 179px;
    height:650px;
    float:left;
    font-family: arial;
    font-size:16px;
    border-right: 2px solid #FFFAFA;
    margin-right: 10px
    }

    #menu4 li {list-style:none;
    text-align:center;
    padding: 6px 0px 6px 0px;
    border-bottom: 2px solid #FFFAFA;
    }

    #menu7 {background-color: #828282;
    width: 179px;
    height:1070px;
    float:left;
    font-family: arial;
    font-size:16px;
    border-right: 2px solid #FFFAFA;
    margin-right: 10px
    }

    #menu7 li {list-style:none;
    text-align:center;
    padding: 6px 0px 6px 0px;
    border-bottom: 2px solid #FFFAFA;
    }

    #contenido {background-color: #CFCFCF;
    }

    #contenido p {padding: 10px 20px}

    #cuerpoppal {background-color: #CFCFCF}

    .linea {text-align:center}

    .linea2 {text-align:left}

    .piefotos {font-color: #4F4F4F;
    font-family: isocpeur;}

    .denomina {color: #CD3333;
    font-family: arial;
    font-size:12px;
    }

    .caract {color: #4F4F4F;
    font-family: arial;
    line-height:5px;
    font-size:12px;
    }

    #pie {background-color: #828282;
    height:20px;
    font-family: arial;
    font-size:11px;
    }

    #pie li {float:left;
    width: 146px;
    margin: 1px 0px 1px 0px;
    text-align:center
    }

    #privacidad {width:400px;
    height:100px;
    margin: 4px auto;
    background-color: #FFFFFF;
    font-color: #4F4F4F;
    font-family: isocpeur;
    }

    a {
    color: #FFFAFA;
    text-decoration: none;
    display: block;
    }
    a:link {}
    a:visited {color: #FFFAFA;}
    a:hover {color: #FFFAFA; background-color: #CD3333}
    a:active {color:#FFFAFA; background-color: #CD3333}


    p {color: #4F4F4F;
    font-family: arial;
    font-size: 12px;
    text-align: left;
    line-height: 13px
    }

    .datos {line-height:0px;
    text-align: center;
    }

    .priv {text-align: justify;
    line-height:17px;
    }

    h1 {color:#CD3333;
    font-family: arial;
    font-size:16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center
    }

    h2 {color:#CD3333;
    font-family: arial;
    font-size:15px;
    font-weight: bold;
    text-decoration: none ;
    text-align: left;
    }

    #pie a {color: #FFFAFA;
    text-decoration: underline;
    display: block;
    }
    #pie a:link {}
    #pie a:visited {color: #FFFAFA;}
    #pie a:hover {color:#000000; background-color: #828282}
    #pie a:active {color:#000000; background-color: #828282}

    #cuerpoppal a {background-color: #CFCFCF}
    #cuerpoppal a:link {}
    #cuerpoppal a:visited {}
    #cuerpoppal a:hover {}
    #cuerpoppal a:active {}



    muchas gracias de antemano! :wink:
    • Yaneth · · Solicitar retirada
    hola

    en el html tienes esto

    <div id="global">
    <div id="cabecera"></div>
    <div id="logotipo">

    pero en el css no veo la cabecera

    en el css donde tienes navegacion
    subele un poco la altura dejandolo en 25px

    lo checas y nos avisas

    saludos
    martrix · · Solicitar retirada
    madre mia, no me puedo creer que eso fuera el causante de todo el desbarajuste! ahora funciona genial, no tengo problema en ninguno de los 2 exploradores.
    muchisimas muchisimas gracias por la ayuda prestada!!!!!