Entrar

Problemas con firefox

elxulop · · Solicitar retirada
al ver mi web de ejemplo en el explorer se ve bien pero en el firefox se ve de pena (todo desordenado) y como soy nuevo en esto pues no se como arreglarlo, creo q tiene que ver con el menu de arriba porque al añadirlo empezaron los problemas

aqui os dejo el link haber si podeis ver como lo puedo arreglar

http://intrincado.medianewsonline.com

gracias
:D
Yaneth · · Solicitar retirada
Hola

Creo quen te falta cerrar un ul en tu menu lateral mira

<div id="contenido"><div id="menu">...:::MENU:::...
<ul>
  • Principal
  • Videos
  • Tutoriales
  • Inicio</div>



    cerraste el div (rojo) pero no el ul (azul)

    debes ponerlo antes de cerrar el div

    saludos
    • Yaneth · · Solicitar retirada
    Hola

    Ahora me costó mas encontrar el fallo jejejej

    te falta cerrar el div global

    y tienes errores en la hoja de estilos

    esta linea:

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

    tiene que estar arriba del todo

    debes acomodar todas las demás lineas por orden de aparicion

    global
    body
    curva-superior
    cabecera
    logo
    publicidad
    navegacion
    etc.........

    saludos
    elxulop · · Solicitar retirada
    1)donde hay q cerrar el gloval

    2) lo de estilos no me ha servido sigue igual
    Yaneth · · Solicitar retirada
    checalo asi:


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

    <html>
    <head><link rel="stylesheet" href="estilo-general.css" type="text/css"
    media="all">
    <title>Principal-Intrincado</title>
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad"><h2>Bienvenidos a mi pagina web</h2></div></div>
    <div id="navegacion">
    <ul>
  • ejemplo
  • ejemplo
  • ejemplo
  • Otros</div>

    <div id="contenido"><div id="menu">
    <ul>...:::MENU:::...
  • Principal
  • Videos
  • Tutoriales
  • Inicio
    </div>
    <h1>LA PARTE PRINCIPAL DE LA WEB</h1></p>


    Hola, bienvenidos a este espacio de prueba d sl do a djow sod fla do eos kdjoe sodkje osdesdfadhjkfj</p>


    dñkhfjklffd dddd dd ddd ddddd dddddd dddd dddddd ldkj jksalj fkla dk dl a dk s kd kla dl d
    dl sl a dkj e sl e lsjd la dlkjs d</p>


    l dk asl ls dl d jkka ldlkajs lkd fl kdj lfl ajlkj djl kjl l djl jjl lfjljsl dkljflkj l</p>


    abuelito dime tu rta sl do e sli e kls kl ele osldk eo sl e ls le li lu ta ta taku ma sato akdkls hamilton alonso da kawasaki kimono samurai taikitsl sodaosdah dos</p>



    abuelito dime tu que sabes ssssssssss ssssssssss sssssssss sssssss ssssssss sssssssss ssssssss ssssssss ssssssssss sssssssss sssssssss ssssssss sssssssss ssssssssssss ssssssssss
    sssssssssssss sssssss kdjdljo sjkojjfssssssssssssssssssssssssssssssssssssssssssssssss
    dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
    </div>
    <div id="pie">pie de pagina</div>
    <div id="curva-inferior"></div>

    </div>
    </body>
    </html>



    estilo

    * {margin:0px ; padding:0px ; border: 0px; text-indent:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:#104E8B ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
    body {text-align: center}
    #global {width: 800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    #cabecera {background-color: #F0FFFF ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
    #logotipo {background-color: #F0FFFF ; width:280px ; float:left}
    #publicidad {background-color: #F0FFFF ; width:518px ; float:right ; margin-top:25px}

    #navegacion {background-color: #A2B5CD ; border: black 1px solid ; height:25px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: #BCD2EE ; border-left: black 1px solid ; border-right: black 1px solid ; text-align:left}
    #contenido p {padding: 5px 0px 5px 10px ; text-indent: 15px}


    #menu {background-color: #CAE1FF; width: 150px ; text-align:left ; margin:3px 10px 3px 3px; float:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: #A2B5CD ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; }
    a {color: #104E8B ; text-decoration:none ; display: block ; font-size:1.3em }
    a:link {}
    a:visited {}
    a:hover {color:#104E8B ; text-decoration: underline ; background-color: #F0FFFF}
    a:active {}


    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden ;}

    y me cuentas