Tecnología

Inicio

Cómo hacer un marco flotante de desplazamiento con la página de contenido

June 6

El marco en línea (IFRAME) en el lenguaje de marcado de hipertexto (HTML), por su propia naturaleza está diseñado para permanecer dentro de las líneas de una página web. Esto significa que está incrustado, donde se inserta el código. Sin embargo, si desea utilizar el contenido IFRAME para desplazarse con la página, de modo que siempre flota en la superficie, puede hacerlo mediante el uso de una etiqueta DIV. Esto le permite insertar un DIV flotante y luego integrar el IFRAME dentro del DIV.

Instrucciones

1 Abra su página web en el Bloc de notas.

2 Insertar, dentro de las etiquetas <head> </ head>, el código siguiente hoja de estilos (sustituyendo cada XYZ con las coordenadas de píxeles relevante para el lugar donde desea insertar el IFRAME estática):
<Style type = "text / css">
\ Frame5 {position: absolute;
la izquierda: XYZpx;
arriba: XYZpx;
anchura: XYZpx;
altura: XYZpx;
z-index: 100
}
</ Style>

3 Insertar en el cuerpo principal de su página web el siguiente código:
<Div id = "frame5" width = "XYZ" height = "XYZ" src = "iframesource.html" frameborder = "0" scrolling = "no"> </ iframe> </ div>

4 Reemplazar "XYZ" con los píxeles relativos, reemplazar "iframesource.html" con su página HTML fuente.

5 Guarde la página.