Très court astuce: comment les éléments du centre de la page, même sur IE5

Ce n'est pas que j'ai toujours le prendre avec Internet Explorer, c'est juste cette fichue chose chaque développement Web (HTML et CSS) semble ne pas fonctionner avec le navigateur - toujours - le plus commun (un jour, quelqu'un va expliquer pourquoi). ; ad esempio ecco come posizionare un div al centro dello schermo: Une méthode très pratique pour placer un élément dans le milieu de la fenêtre du navigateur est à la propriété sfrutture auto de style margin , par exemple, voici comment la position d'un div dans le centre de l'écran:

1
2
3
"box" > < div id = "box">
p > < p > Le contenu de la DIV </ p >
</ div >
1
width : 300px ; height : 200px ; margin : 0 auto } div # box {width: 300px; height: 200px; margin: 0 auto}

Malheureusement (inutile de dire) qui ne fonctionne pas sur IE5! Une façon de surmonter ce problème est d'utiliser un supplément de "défaut" dans l'utilisation de IE5 de style text-align . En pratique, il serait:

1
2
: center } body {text-align: center}
width : 300px ; height : 200px ; margin : 0 auto ; text-align : left } div # box {width: 300px; height: 200px; margin: 0 auto; text-align: left}

En toute honnêteté, je refuse d'écrire personnellement "cette sale», mais il peut toujours servir. Toutefois, l'objectif de ce "truc" était précisément de mettre en évidence la technique de la margin auto !

3 commentaires à "truc très court: comment les éléments du centre de la page, même sur IE5"

  1. 5 décembre 2008 Frédéric :

    Juste truc. Lorsque c'est nécessaire, je cherche à éviter le text-align de l'organisme et de créer une div avec text-align centre et la largeur à 100%, puis insérez le div dans lequel au centre.

    Vous dites que vous refusez d'accepter cette "sale" (et comment vous blâmer) .. Alors, que faites-vous quand vous avez besoin de frapper? Vous branchez votre nez ou toute autre méthode?

  2. 5 décembre 2008 Giovambattista Fazioli :

    @ Fred: Je sais que ça va te sembler absurde, mais quand je peux, IE ne considère pas le droit! En effet, pour vous dire la vérité, maintenant pour moi est fondamentalement anti-navigateurs IE! . Cependant, comme une alternative il ya aussi des tableaux, peut-être encore plus «sales» dans le body avec text-align:center . Cependant, vous, vous avez dit et vous ... quand je l'ai, je branche mon nez :)

  3. 8 décembre 2008 Frédéric :

    les tableaux? Je fais semblant de ne pas avoir lu .. ;)

    Je voulais juste être sûr qu'il y avait une autre méthode. Merci pour la réponse! Il semble un choix étrange, votre (pour ne pas être considéré soit) .. J'ai lu les statistiques de mes sites, et malheureusement, il me semble que le temps n'est pas encore mûr. Mais je suis confiant, vous devez rester immobile pendant longtemps.

Laisser un commentaire

XHTML TAG PERMIS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CODE D'INSERTION:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Arrêtez SOPA