Entrar

Mi web no se ve ni parecido en un navegador que en otro!!!

fonbao · · Solicitar retirada
Buenas a todos

Mi web es esta:
http://playadelbao.freehostia.com/

-Con el explorer todo va bastante bien, lo unico que no consigo es disminuir el borde que deja entre el texto y la página, que para mi gusto es demasiado grande.

-El problema viene cuando quiero verla con el Firefox... No se que le hace a los margenes, los agranda, descoloca la barra de navegacion, cuando hago listas tampoco se muy bien porque las pone asi.... En fin, que a mi que no me gustaba nada el explorer lo estoy volviendo a utilizar...

Se agradecen criticas y sugerencias!
Salud2!
Joelo13 · · Solicitar retirada
Te agradecería si pusieras los códigos, para ver si podemos encontrar la falla que hace que en firefox se vea así :D
fonbao · · Solicitar retirada
me imagino que me pedirás los de la página que hacen de titulo.

<body>
<div id"cabecera">
<h1>Playa del Bao</h1></p></td>
</div>
<div id="navegacion">
<ul>
  • Inicio
  • Calendario
  • Enlaces
  • SailX
  • Foro</div>
    </div>
    </body>

    y la hoja de estilos a la que hace referencia dice algo asi...

    body {background-color: #3A5FCD ; height:180px}
    img {border-style: none}
    .centrado {text-align:center}

    h1 {font-size: 60 ; color:#1E90FF ; font-family: forte ; font-weight: bold ; text-decoration: none ; text-align: center}
    h1:first-letter { font-size: 120% ; color:#1E90FF ; font-family: forte ; font-weight: bold ; text-decoration: none ; text-align: center}

    #cabecera {background-color: #3A5FCD ; height:100px}

    #navegacion {background-color: #87CEFF ; font-family: thickhead ; border: blue 1px solid ; height:20px }
    #navegacion li {float:left ; list-style:none ; margin: 1px 20px 1px 20px ; }
    #navegacion ul {margin-left: 150px}

    #navegacion a {color: #104E8B ; font-size:20px ; text-decoration:none ; display: block; }
    #navegacion a:link {}
    #navegacion a:visited {}
    #navegacion a:hover {color:#FFC125 ; text-decoration:underline ; background-color: #87CEFF }
    #navegacion a:active {}

    Un millón de gracias!
    • Joelo13 · · Solicitar retirada
    Pon este código al principio de la hoja de estilos:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}

    Esto hace que la cabecera se arregle
    Joelo13 · · Solicitar retirada
    fonbao escribió:Eres un crack!

    Muchas gracias...en otro momento sigo preguntando...

    Pues para eso está el foro :wink: