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; }
  3. Luego, aplicamos el estilo a los divs, quedando así la parte en HTML:
  4. 
    </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>
  5. Listo! El código CSS se puede meter en el documento (<style type=“text/css”>CÓDIGO CSS AQUÍ

    ), 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