Trabajo con Frames, obtengo un documento vacío.

cristian_cena · #1 (**permalink**) 10/02/2010, 20:10

Hola, como va:
Resulta que estoy intentando por primera vez trabajar con frames, elaboré la siguiente página:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>

<style type="text/css">
/*reset basico*/
*{margin:0; padding:0;}
/*Centrado horizontal*/    
body  {text-align:center;}
#Hz {width:1000px;margin:0 auto; text-align:left;}
</style>

</head>

<body>

<div id="Hz">  
<frameset cols="100,*">
   <frame src="pagina1.html" name="izquierdo" scrolling="NO" noresize>
   <frame src="pagina2.html" name="principal" scrolling="AUTO" noresize>
</frameset>
</div>

</body>
</html>

Creé dos páginas una llamada pagina1.html y la otra pagina2.html, ambas se encuentran en la raíz del sitio junto a index.html que es la página que acabo de mostrarles. La cuestión es que en vez de visualizarse por un lado el menú que cree en la página1 y por otro la cabecera que creé en pagina2.html simplemente obtengo un documento en blanco sin ningún contenido.

Desde ya muchas gracias por su ayuda.

p/d: Adjunto las demás páginas:

Código:

/*pagina1.html*/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<ul id="itemsMenuIz">
<li><a href="empresa.html">Empresa</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="nuestraGente.html">Nuestra gente</a></li>
</ul>
</body>
</html>

Código:

/*pagina2.html*/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="header">
<img src="img/logo.png" id="logo"/>
<h1 id="tituloHeader">Nutrición y Sanidad Animal</h1>
</div>
</div>
</body>
</html>

Triby · #2 (**permalink**) 11/02/2010, 13:10

Tal vez es porque la etiqueta <frameset> esta dentro de <body>

Código HTML:

Ver original<html>
<head>
<title></title>
</head>
<frameset>
     --------------- aqui van tus frames ----------
</frameset>
<body>
---------------- Contenido alternativo si el navegador no soporta frames -------
</body>
</html>

Ek-Balam · #3 (**permalink**) 11/02/2010, 20:12

En realidad no debe haber una etiqueta <body> cuando trabajas con frames. Tampoco debes incluir etiquetas <div>.
Los frames son sólo contenedores. Y en cada frame deberás invocar el archivo .htm que se visualizará. Esos archivos serán páginas normales.

cristian_cena · #4 (**permalink**) 16/02/2010, 10:15

Hola chicos.

Primero agradecer sus respuestas

. Comentarles que estube ausente por razon de trabajo, motivo que me impidió seguir avanzando en el desarrollo con frames. Cuando concluya el trabajo seguiré -ahora bien enfocado gracias a su ayuda-.

Gracias, un abrazo!

cristian_cena · #5 (**permalink**) 02/03/2010, 05:00

Bueno, luego de tanto tiempo he retomado el tema de los frames, y a propósito comparto este link con la especificación oficial del w3c para quien le sirva.