Comment centrer une Div dans IE7

November 22

Comment centrer une Div dans IE7


Pour centrer un bloc DIV pré-existante en utilisant le CSS dans Internet Explorer 7, les utilisateurs doivent ajouter une commande de style sous la tête tag HTML. Cela force le bloc DIV pour aligner dans le centre du document HTML. Il y a aussi une autre façon d'aligner les blocs DIV dans Internet Explorer 7, en utilisant des codes de style DIV.

Instructions

L'utilisation de CSS

1 Ouvrez le fichier HTML avec un éditeur de texte brut. Sous l'étiquette de tête, appuyez sur la touche "Entrée" et le type <style>.

2 Hit de nouveau sur la touche "Entrée". Mettez en surbrillance le code CSS dans la deuxième case sur SiteCrafting.com.

3 Clic droit sur le CSS en surbrillance et sélectionnez «Copier». Pour copier le contenu d'un Mac, mettez en surbrillance le contenu, et appuyez sur "Command" et "C" simultanément.

4 Ouvrez à nouveau le fichier HTML. Sous <style>, clic droit, et sélectionnez "Coller". Pour coller avec un Mac, appuyez sur "Command" et "V" simultanément.

5 Tapez la hauteur désirée sous #wrapper, à côté de "hauteur :." En dessous, tapez la largeur souhaitée du bloc DIV en pixels, à côté de ":. largeur"

6 Appuyez sur la barre d'espace à la fin de "}", situé sous "top: 50% ;." Tapez </ style>.

Utilisation de DIV style

7 Recherchez la balise <div>. À côté de lui, le type «div style =" text-align :. centre "Type"; ". À côté de lui, comme indiqué sur Dorward.me.uk fermer la commande avec"> ".

8 Appuyez sur la touche Entrée. Tapez le code texte-align style DIV à nouveau, mais tapez "gauche" comme son alignement. Tapez ";" après ça.

9 Tapez "margin: 1em auto" et "width: 50%." Mettre un point-virgule entre chaque commande. Fermez la commande avec ">."


          

Post a comment: