Entrar

Problemas con mi web en firefox

piloto84 · · Solicitar retirada
El submenu que he creado, igual que el menu, he puesto rutas dentro del submenu con el fondo negro y las letras rojas. En el explorer me salen las palabras dentro del fondo negro (submenu) pero en el firefox me salen fuera del marco negro (submenu). He intentado con: height:100%, pero tampoco consigo que se quede dentro.
Como lo hago?? Aqui ho dejo la web:

Codigo HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>J Y C</title>
<link rel="stylesheet" href="ps.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">PLAY STATION</div>
<div id="navegador">
<h4>FOROS</h4>
<a href="http://www.laps3.com"target="_blank">*La ps3<a/>
<a href="http://www.todops3.com"target="_blank">*Todo ps3<a/>
<a href="http://www.ps3.com"target="_blank">*Ps3<a/>
<a href="http://www.us.playstation.com/"target="_blank">*Home ps3<a/>
<a href="http://www.forops3.es"target="_blank">*Foros ps3<a/>
</div>
<div id="contenido">
<div id="menu"><ul>
  • Volver
    <h1>-Los foros mas comunes para PS3.</h1>
    <h1>-Los trucos mas deseados para juegos de PS3.</h1>
    <h1>-El proximo 29 de abril sale a la venta el esperado juego del año, GTA 4,
    ya hay disponible un clan, en esta web, para pasarlo bien, pasate y registrate en el foro.</h1>
    </div>
    <div id="submenu"><ul>
    <h2>TRUCOS</h2>
    <h3>*NEED FOR SPEED: PRO STREET</h3>
    <h3>*CALL OF DUTY 4</h3>
    <h3>*UNCHARTED</h3>
    <h3>*PES08</h3>
    <h3>*RESISTANCE</h3>
    <h3>*ASSASINS CREED</h3>
    </div>
    </div>
    </div>
    </body>
    </html>


    Codigo CSS

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center ; font-size:0.7em}
    body {background-image: url(objetos/ps1.jpg) ;
    background-position: center;
    background-repeat: no-repeat ; height:100% }
    #cabecera {color: blue ; font-size:2.0em ; font-weight:bold }
    #global {width:800px ; margin: 4px auto }
    #contenido {width: 800px ; float:left ; color: black; font-size:1.3em;text-align:left}
    #menu li { margin: 14px 10px 14px 16px ; color: blue ; font-weight:bold ;list-style:none ; font-size: 1.0em}
    #menu { background-color:black ;width: 170px ; float:left ; text-align:left }
    a {color: red ; text-decoration:none ; font-size:1.1em}
    a:link {}
    a:hover {text-decoration: underline}
    a:active {}
    h1 {font-size: 1.0em; color:white ; font-weight: bold;background-color:black ; text-align: left}
    #subcabecera {color:green ; font-size:1.5em}
    #navegador {color:blue;background-color:black;background-position:center;font-weight:bold;font-size:1.3em}
    h2 {font-size: 0.8em; color:blue ; font-weight: bold ; height:100%; text-decoration: underline ; text-align: left}
    h3 {font-size: 1.0em; color:white ; font-weight: bold ; height:100% ; text-align: left}
    #submenu li { margin: 14px 10px 14px 16px ; color: blue ; font-weight:bold ;list-style:none ; font-size: 1.0em}
    #submenu { background-color:black ;width: 150px ; float:right ; text-align:left }
    h4 {font-size: 1.0em; color:white ; font-weight: bold;background-color:black ; text-align: center}
    • piloto84 · · Solicitar retirada
    mi web es: www.piloto84.com, mirarlo con firefox, en la pagina principal le dais a play station.
    Raulyure · · Solicitar retirada
    piloto84 escribió:El submenu que he creado, igual que el menu, he puesto rutas dentro del submenu con el fondo negro y las letras rojas. En el explorer me salen las palabras dentro del fondo negro (submenu) pero en el firefox me salen fuera del marco negro (submenu). He intentado con: height:100%, pero tampoco consigo que se quede dentro.
    Como lo hago?? Aqui ho dejo la web:

    Codigo HTML

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>J Y C</title>
    <link rel="stylesheet" href="ps.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="cabecera">PLAY STATION</div>
    <div id="navegador">
    <h4>FOROS</h4>
    <a href="http://www.laps3.com"target="_blank">*La ps3<a/>
    <a href="http://www.todops3.com"target="_blank">*Todo ps3<a/>
    <a href="http://www.ps3.com"target="_blank">*Ps3<a/>
    <a href="http://www.us.playstation.com/"target="_blank">*Home ps3<a/>
    <a href="http://www.forops3.es"target="_blank">*Foros ps3<a/>
    </div>
    <div id="contenido">
    <div id="menu"><ul>
  • Volver
    <h1>-Los foros mas comunes para PS3.</h1>
    <h1>-Los trucos mas deseados para juegos de PS3.</h1>
    <h1>-El proximo 29 de abril sale a la venta el esperado juego del año, GTA 4,
    ya hay disponible un clan, en esta web, para pasarlo bien, pasate y registrate en el foro.</h1>
    </div>
    <div id="submenu"><ul>
    <h2>TRUCOS</h2>
    <h3>*NEED FOR SPEED: PRO STREET</h3>
    <h3>*CALL OF DUTY 4</h3>
    <h3>*UNCHARTED</h3>
    <h3>*PES08</h3>
    <h3>*RESISTANCE</h3>
    <h3>*ASSASINS CREED</h3>
    </div>
    </div>
    </div>
    </body>
    </html>


    Codigo CSS

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center ; font-size:0.7em}
    body {background-image: url(objetos/ps1.jpg) ;
    background-position: center;
    background-repeat: no-repeat ; height:100% }
    #cabecera {color: blue ; font-size:2.0em ; font-weight:bold }
    #global {width:800px ; margin: 4px auto }
    #contenido {width: 800px ; float:left ; color: black; font-size:1.3em;text-align:left}
    #menu li { margin: 14px 10px 14px 16px ; color: blue ; font-weight:bold ;list-style:none ; font-size: 1.0em}
    #menu { background-color:black ;width: 170px ; float:left ; text-align:left }
    a {color: red ; text-decoration:none ; font-size:1.1em}
    a:link {}
    a:hover {text-decoration: underline}
    a:active {}
    h1 {font-size: 1.0em; color:white ; font-weight: bold;background-color:black ; text-align: left}
    #subcabecera {color:green ; font-size:1.5em}
    #navegador {color:blue;background-color:black;background-position:center;font-weight:bold;font-size:1.3em}
    h2 {font-size: 0.8em; color:blue ; font-weight: bold ; height:100%; text-decoration: underline ; text-align: left}
    h3 {font-size: 1.0em; color:white ; font-weight: bold ; height:100% ; text-align: left}
    #submenu li { margin: 14px 10px 14px 16px ; color: blue ; font-weight:bold ;list-style:none ; font-size: 1.0em}
    #submenu { background-color:black ;width: 150px ; float:right ; text-align:left }
    h4 {font-size: 1.0em; color:white ; font-weight: bold;background-color:black ; text-align: center}
    • Hola:
    veo así rapido que parece que tienes repetido el "body" en la hoja de estilo, quizás lo que tienes en el segundo "body" de la hoja de estilo debieras de pasarlo al primero, o sea incluirlo en el primer body que pusiste, lo pones a continuación de los otros valores (creo que no se pueden repetir las etiquetas), y también parece ser que te falta poner en los "a:link" o sea debajo del "a:link" el "a:visited".
    Ya te dirán lo demás.
    Saludos
    Agradecido de los que aprenden enseñando
    pitufo · · Solicitar retirada
    El problema es que tienes mal estructurado tu código html.

    tienes que hacerlo asi:

    <ul>
[*][url="link uno.html"]link uno[/url]
[*][url="link dos.html"]link dos[/url]
[*][url="link tres.html"]link tres[/url]
[/list]

    no le pongas titulos(h1,h2,h3, etc.) a todos los links, eso no esta bien.