Los Frames en mi opinión, son lo más molesto para los buscadores (y las personas), pero quien quiera usarlos, ¡por lo menos que lo use con CSS! Mucho más limpio y amigable.

Te explicamos como crear un frame gracias al uso de CSS.


  1. Primero, tendremos que utilizar este código CSS para aplicar el estilo a nuestros tres divs, que se van a llamar: Superior, Izquierda y Derecha.
    2. #Superior {
 position:absolute;
 top:0;
 left:0; width:100%;
 height:15%;
 overflow:auto; }

#Izquierda {
position:absolute;
top:15%;
left:0;
width:25%;
height:85%;
overflow:auto; }

#Derecha {
position:absolute;
top:15%; left:25%;
width:75%;
height:85%;
overflow:auto; }
  2. Luego, aplicamos el estilo a los divs, quedando así la parte en HTML:
    3. 
</head>
<body>

<div id="Superior">
<p>Mi texto superior aquí</p>
</div>

<div id="Izquierda">
<p>Mi texto de la izquierda aquí</p>
</div>

<div id="Derecha">
<p>Mi texto de la derecha aquí</p>
</div>

</body>
</html>
  3. Listo! El código CSS se puede meter en el documento (<style type=“text/css”>CÓDIGO CSS AQUÍ</style>), o importarse desde un documento (<link rel=“stylesheet” href=“RUTA DEL DOCUMENTO CSS” type=“text/css” media=“all” />), yo recomiendo importarlo desde un documento, hará la carga de la web más rápida y cargará menos al servidor.

Vía | Tierra de Nómadas




Sigue la onda…

Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!