Tecnología

Inicio

Cómo centrar un div en IE7

Cómo centrar un div en IE7


Para centrar un bloque DIV preexistente usando CSS en Internet Explorer 7, los usuarios necesitan para añadir un comando de estilo bajo la etiqueta de la cabeza HTML. Esto obliga a que el bloque DIV para alinear en el centro del documento HTML. También hay un modo alternativo para alinear los bloques DIV en Internet Explorer 7, el uso de códigos de estilo DIV.

Instrucciones

El uso de CSS

1 Abra el archivo HTML con un editor de texto plano. Bajo la etiqueta de la cabeza, golpear la tecla "Enter" y el tipo <style>.

2 Pulsa la tecla "Enter" de nuevo. Resalte el código CSS en el segundo cuadro de SiteCrafting.com.

3 Haga clic derecho sobre la CSS resaltado y seleccione "Copiar". Para copiar el contenido con un Mac, resalte el contenido y pulse "Comando" y "C" al mismo tiempo.

4 Abra el archivo HTML nuevo. En <style>, haga clic derecho y seleccione "Pegar". Para pegar con un Mac, pulse "Comando" y "V" al mismo tiempo.

5 Tipo en la altura deseada bajo #wrapper, junto a "la altura :." Por debajo de él, escriba el ancho deseado del bloque DIV en píxeles, junto a ":. anchura"

6 Presione la barra espaciadora al final de "}", se encuentra en "la parte superior: 50% ;." Escriba </ style>.

Utilizando estilo DIV

7 Busque la etiqueta <div>. Junto a ella, el tipo de "estilo div =" text-align :. "Tipo" center; ". Junto a él, como se muestra en Dorward.me.uk cerrar el comando con"> ".

8 Presione la tecla enter. Escribe el código de text-align estilo DIV de nuevo, pero el tipo de "izquierda" como su alineación. Tipo ";" después de.

9 Tipo "margen: 1 em auto" y "width: 50%." Poner un punto y coma entre cada comando. Cerrar el comando con ">".