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>