MULTIMEDIA, Video digital, Grabación, Diseño gráfico, Diseño web, Programación > Webmasters - Diseño Web - Programación - Diseño gráfico
Qué está mal? (SOLUCIONADO)
(1/1)
Gerard265:
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!!
Liamngls:
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: ---<!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>
--- Fin del código ---
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: ---<!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>
--- Fin del código ---
Vamos, que necesitas meterle contenido al contenido, sin contenido ni nada en la cabecera lo que verás será una bonita pantalla en blanco.
Gerard265:
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!!
Navegación
Ir a la versión completa