Accueil du site > WebDesign > Le Box model Hack

Le Box model Hack

jeudi 30 septembre 2004

A voir.

Une erreur de parsing dans le navigateur IE 5 permet d’exploiter des particularités IE tel que celle-ci :


.vert {
 background-color: #00ff00;
 padding: 0 20px;
 border-left: 5px solid #00ff00;
 border-right: 5px solid #00ff00;
 width: 300px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 250px;
}
html>body .vert {
 width: 250px;
}

Explication :

width : 300px est la dimension erronée nécessaire à IE 5.x Windows : 250 pixels de contenu et 50 pixels supplémentaires pour le remplissage et les bordures ;

voice-family : "\"\"" ; voice-family:inherit ; est la syntaxe particulière qui cachera ce qui suit à IE 5.x Windows et ne le laissera lire qu’aux navigateurs respectant le modèle de boîte standard ;

width : 250px ; est la dimension correcte pour ces derniers html>body .vert width : 250px ; résout une difficulté supplémentaire : certains navigateurs comme Opera 5 partagent le parsing bug d’IE 5.x Windows tout en appliquant le modèle de boîte standard.

Ces navigateurs ne liraient donc que la dimension erronée, mais ont besoin de la dimension correcte. Ces lignes, ignorées par MSIE 5.x Windows, leur permettent de percevoir finalement la valeur correcte.

Voir en ligne : source openweb.eu.org

Répondre à cette brève

Navigation Travaux pro, perso sur les blogs, informations générales sur les blogs, le Web 2.0. les widgets, les bloggers et la communauté blog.. Le chef de projet multimédia est un homme orchestre qui coordonne et encadre une équipe aux compétences multiples pour réaliser le projet multimédia qui leur est confié.. Identifier vos besoins, reconnaître vos contraintes liées au site internet, agir en amont pour gagner en temps, en efficacité et vous permettre de définir le projet adapté à vos ambitions.. usages innovants, enjeux internet, nouvelles technologies, robotique, réflexions et notes sur les transformations des moyens de communication.. Les débats autour du web 2.0, du web 3.0 et des standarts W3C sont permanents. Autemment immersif, ils aggrègent autour des mêmes pratiques, les différents canaux de communication : Mobiles, Internet, Télé... Ils sont le résultat et l’application de la convergeance tant attendue des medias.. Webdesign, ergonomie, ergologie. Recherche graphique sur la conception d’une interface, outils, sites de référence. Typologie liée a l’usage d’Internet. HTML, XHTML, CSS, Flash..

Mots-clés

Sites Web BuiltWith.com - Web Technology (...) le blog lombric 1001logos 123sat 2advanced Abondance > Référencement et (...) Agence du cinéma indépendant (...) Agence pour le développement (...) Annonces Lesjeudis.com Association ART3000 Atelier 142 Bibliothèque du film Bits and Buzz » Web 0.x to Web (...) Blogmarks.net : Public marks (...) Bug report CNFPT : Chef de projet multimedia

Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP
© 2001-2007 Yvan GAPIN - Ce site est sous licence Creative Commons
Blogs Informatique et Internet

s