Entrar

Problemas con Fire Fox

lmarin2008 · · Solicitar retirada
Hola buenos dias a todos, soy de los novatos de este foro y de el diseño de paginas web, he diseñado la pagina para mi pequeño negocio y me ha quedado bien, pero en fire fox se desordena todo, quiero saber como soluciono este inconveniente:

aqui os dejo el codigo

HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Super Gas</title>
<link rel="stylesheet" href="estilo-2.css" type="text/css" media="all">
</head>

<body topmargin="0" leftmargin="140" rightmargin="140" bottommargin="0" marginheight="0" marginwidth="0" bgcolor="#FFFFFF">


<div id ="cabecera">

</div>
<table border="0" width="735" cellspacing="0" cellpadding="0" background="">

</table>
<table border="0" width="735" cellspacing="0" cellpadding="0">
<div id="Menu">
<div id="navegacion3">
  • ¿Quienes Somos?
  • Productos
  • Cobertura
  • Pedidos
  • Campañas
  • Proveedores
  • Galeria de Fotos
    </div>
    <tr>
    <td width="1%" valign="top" background="images/2sidebkg.gif">
    <div id="navegacion2">
  • ¿Quienes Somos?

    </div>
    <div id="navegacion2">
  • Productos

    </div>
    <div id="navegacion2">
  • Cobertura

    </div>
    <div id="navegacion2">
  • Clientes

    </div>
    <div id="navegacion2">
  • Pedidos

    </div>
    <div id="navegacion2">
  • Campañas

    </div>
    <div id="navegacion2">
  • Distribuidores

    </div>
    <div id="navegacion2">
  • Proveedores

    </div>


    <font size="1"></font>


    <font size="1"></font></p>


    <font size="1"></font></td>
    <td width="60%" valign="top">


    </font></p>
    En Construcción.
    Proximamente descubrira todas las novedades del sector que tenemos para ofrecerle a uste, nuestra razon de ser.</p>







    Por el momento visitenos en Super Gas</p>




    </tr>

    </table>

    <table border="0" width="735" cellspacing="0" cellpadding="0" background="images/1botbkg.gif">
    <tr>
    <div id="pie">
    <div id="pietres">
    <ul>

    <font size="1"></font></td>

    <font size="1"></font></td>
  • Registre su visita
  • <a href="sugerencias.html">

    envia Tus sugerencias</p></a>
  • Mapa de la Web
  • Mapa de la Web
    </div>

    <td width="735">[contenido no disponible]</td>
    </tr>
    </table>



    </body>

    </html>


    Stylo:

    body{background-image:url(images/fondosite.gif);}
    h1 {font-size: 1.2em; color:#00D714 ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font-size: 1em; color:#00D714 ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h3 {font-size: 1em; color:orange ; font-weight: bold ; text-decoration: underline ;
    text-align: left}
    #cabecera { background-image: url(images/encabezado.gif) ;
    background-repeat: no-repeat ;
    width:735px ;
    height:185px ;
    overflow: hidden }

    #menu { background-image: url(images/bot.gif) ;
    background-repeat: no-repeat ;
    width: 735px ;
    height:58px ;
    overflow: hidden }

    #navegacion2{background-image: url(images/boto.gif) ;width="168"; height="30";overflow: hidden }
    #navegacion2 li{float:top ; list-style:none ; margin: 0px 10px 0px 2px ;font-size:15px; font-weight: bold}

    #navegacion2 a {color:white; text-decoration:none ; display: block;}
    #navegacion2 a:link {}
    #navegacion2 a:visited {}
    #navegacion2 a:hover {color:black ; text-decoration:underline ; background-color: }
    #navegacion2 a:active {color:black}
    #pie {background-image:url(images/Pie-cliente.jpg);background-repeat:no-repeat;width:735;height:190;overflow:hidden;
    border-left: black 0px solid ;
    border-right: black 0px solid;
    border-top: black 0px solid;

    height: -12px }
    #pie li{list-style:none;font-size:12px}

    #pietres{float:right;width:170px;}
    #pie a {color: white; text-decoration:none ; text-align: center;display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: #00D714 }
    #pie a:active {color:black}
    a {color: blue ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:white ; text-decoration:underline ; background-color: }
    a:active {}
    #navegacion3 {background-color: ; border: px solid ;}
    #navegacion3 li {float:left ; list-style:none ; margin: 12px 8px 8px 15px;font-size:15px;font-weight: bold }
    #navegacion3 ul { margin-left: 180px }
    #galeria {background-color: ; ; height:2px}
    #galeria li {float:left ; list-style:none ; margin: 5px 5px 0px 5px;font-size:15px;font-weight: bold }
    #galeria ul { margin-left: 20px }
    • manmanu · · Solicitar retirada
    Hola amigo,
    yo creo qué tienes problemas con firefox, y con los demas navegadores...?????
    ejemplo;tú código; HTML

    <table border="0" width="735" cellspacing="0" cellpadding="0">
<div id="Menu">
<div id="navegacion3">
[*][url="nuestraempresa.html"]¿Quienes Somos?[/url]
[*][url="productos.html"]Productos[/url]
[*][url="cobertura.html"]Cobertura[/url]
[*][url="#"]Pedidos[/url]
[*][url="#"]Campañas[/url]
[*][url="#"]Proveedores[/url]
[*][url="galeria.html"]Galeria de Fotos[/url]
</div>
<tr>
    div no está permitida dentro de table.

    Es un trabajo complicado y arriesgado el qué estas creando;
    por qué creo que estás eligiendo la resolución de pantalla que han de tener tus visitantes.
    <body topmargin="0" leftmargin="140" rightmargin="140" bottommargin="0" marginheight="0" marginwidth="0" bgcolor="#FFFFFF">

    En tú hoaja de estilos;
    h2 {font-size: 1em; color:#00D714 ; font-weight: bold ; text-decoration: underline ;
text-align: center}
    Está mal escrito el valor del text h2, debe quedar así 1.0em.Te repites,intenta escribir código para los colores(ejem.#000000),aunque sabemos qué los navegadores, distingen en texto parte de la paleta.

    #navegacion2{background-image: url(images/boto.gif) ;width="168"; height="30";overflow: hidden }
    width="168"; height="30", no está permitido en una hoja css,posiblemente te hayas equivocado, y en vez de pegar en html, lo has hecho en css, se deja así width:168px; height:30px.


    Tienes algunos errores qué no te pongo aquí.
    Intenta solucionarlo.
    Sigue, o hecha una mirada al curso paso a paso, y así podras repasar algunos puntos.

    !!!Animate!!!

    Saludos manmanu
    lmarin2008 · · Solicitar retirada
    Hola, hice los cambios en la hoja estilos y funciono ya mis botones laterales cambiaron pero la parte del pie de pagina siguen desordenados, y como reemplazo los div dentro de la tabla para que la hoja estilos me los tenga en cuenta