Autor Tema: Qué está mal? (SOLUCIONADO)  (Leído 4531 veces)

Desconectado Gerard265

  • Newbie
  • *
  • Mensajes: 2
  • www.daboweb.com
Qué está mal? (SOLUCIONADO)
« en: 13 de Enero de 2013, 04:42:03 pm »
Buenas!
Estoy haciendo un proyectillo con HTML y CSS pero no consigo entender porque cuando abro el navegador no se me visualiza absolutamente nada :S
Os dejo los códigos:


HTML (mypage.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Mypage</title>
        <link rel="stylesheet" href="estilos.css" type="text/css" />
    </head>
    <body>
        <div id="contenedor">
             <div id="cabecera"></div>
             <div id="nav"></div>
             <div id="contenido"></div>   
        </div>
    </body>
</html>


CSS (estilos.css):

<style type="text/css">

#contenedor
{
    width: 100%;
    height: 100%;
}

#cabecera
{
    width: 100%;
    height: 20%;
    background-color: black;
}
#nav
{
    float: left;
    width: 30%;
    height: 80%;
    font-family: Arial;
    background-color: red;
    overflow: auto;
}
#contenido
{
    float: left;
    width: 70%;
    height: 80%;
    font-family: Helvetica;
    background-color: green;
    overflow: auto;
}

</style>

Estoy bloqueado; a ver si alguien consigue ayudarme porque quizás la respuesta está en mis narices pero no la veo :S

Gracias y saludos!!

Desconectado Liamngls

  • Administrator
  • ******
  • Mensajes: 15688
    • Manuales-e
Re:Qué está mal?
« Respuesta #1 en: 13 de Enero de 2013, 05:19:57 pm »
Buenas, bienvenido al foro, en otro orden de cosas el foro en general es de ayuda así que no es necesario etiquetar los títulos de los post, un título acorde al problema o consulta es mucho más práctico que poner [Ayuda].

En cuanto al código que enseñas yo a priori no veo nada mal, lo que no sé es que se supone que debería de verse en ese html:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Mypage</title>
        <link rel="stylesheet" href="estilos.css" type="text/css" />
    </head>
    <body>
        <div id="contenedor">
             <div id="cabecera"></div>
             <div id="nav"></div>
             <div id="contenido"></div>   
        </div>
    </body>
</html>

No sé si eres consciente de que ahí no hay absolutamente nada, ni texto ni imágenes, nada de nada.

Tal vez probando algo así:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Mypage</title>
        <link rel="stylesheet" href="estilos.css" type="text/css" />
    </head>
    <body>
        <div id="contenedor">
             <div id="cabecera"></div>
             <div id="nav"></div>
             <div id="contenido">¡Hola mundo!</div>   
        </div>
    </body>
</html>

Vamos, que necesitas meterle contenido al contenido, sin contenido ni nada en la cabecera lo que verás será una bonita pantalla en blanco.

Desconectado Gerard265

  • Newbie
  • *
  • Mensajes: 2
  • www.daboweb.com
Re:Qué está mal?
« Respuesta #2 en: 13 de Enero de 2013, 05:44:02 pm »
Era eso claro XD
Lo que intentaba era ver como quedaba lo que es la estructura, y ahora lo puedo ver. Una tonteria vamos hehe.

Muchas gracias!!

 

Aviso Legal | Política de Privacidad | Política de Cookies

el contenido de la web se rige bajo licencia
Creative Commons License