-
Cómo hacer un pie de página completa Ancho
-
Mientras que el pie de página no es la primera parte de su página web los visitantes ven, podrá celebrar la última oportunidad que tiene para atraer a sus visitantes a permanecer en su lugar de sólo un poco más de tiempo. Pies de página no debe ser una idea tardía. El diseño de un pie de página que se extiende por todo el ancho de la ventana del navegador es de uno a hacer que se destaque. Para crear un pie de página a todo lo ancho, colocar el contenido de pie de página dentro de una etiqueta "<div>", que tiene una anchura de 100 por ciento. Incluir una "clara: todos" Directiva Hoja de estilo en cascada en su "<div>" para asegurarse de que el navegador coloca el pie de página a la extrema izquierda y también evitar que los elementos relacionados más arriba el pie de página de invadir el espacio del pie de página.Instrucciones
1 Haga clic en el botón "Inicio". Haga clic al hacer clic en "Todos los programas". Haga clic en "Accesorios" del menú. Haga clic en "Bloc de notas" para iniciar el editor de textos.
2 Escriba el siguiente código en el editor de texto. También puede seleccionar el código con el ratón, presione "Control-C" y presione "Control + V" para pegar el código en el editor.
<Html>
<Head>
<Title> Amplia pie de página </ title><Style type = "text / css"> <! -
parte superior{
width: 100%;
}contenido{
fondo: gris;
de color negro;
anchura: 80%;
margen: auto;
}pie de página {
Limpia los dos;
fondo: rojo;
color blanco;
width: 100%;
}
cuerpo {
text-align: center;
}
-> </ Style>
</ Head><Body>
<Div id = "top"> Esta es la cabeza </ div>
<Div id = "contenido"> Este es el contenido </ div>
<Div id = "pie"> Este es el pie de página </ div></ Body>
</ Html>3 Haga clic en la opción de menú "Archivo". Seleccionar la opción "Guardar". Guardar con el nombre de archivo "test.html".
4 Haga clic en el botón "Inicio" y luego haga clic en "Todos los programas". Haga clic en "Internet Explorer". Haga clic en la opción de menú "Archivo" y seleccionar "Abrir archivo".
5 Busque el archivo "test.html" acaba de crear, seleccionar con el ratón a continuación, haga clic en "Abrir". El pie de página debe ser toda la anchura de la ventana del navegador.
