Recherche
Derniers articles
- Jeu pour écrire plus vite au clavier
- Distance de Levenshtein - le moyen pour faire un correcteur orthographique
- Un code JS pour rendre IE aussi compatible que IE7 (aux standards)
- Requête POST en PHP
- Transformer du HTML en TEXTE (html2text)
- Jeu : Démêleur de fils
- Comment insérer du PHP dans du JavaScript
- Aller plus loin avec Google Analytics
- Largeur des blocs en CSS : bien comprendre les “width” et “padding”
- Thèmes WordPress : Attention aux Hacks !
Catégories
- Ajax
- Astuces PHP
- Bases de données
- Conseils pratiques pour le référencement
- Créer un site
- CSS et mise en forme
- Jeux
- jQuery
- Le site
- Non classé
- Outils de webmasters
- Outils en flash
- Outils Google
- Ressources
- Standards
- Statistiques
Archives par mois
A voir également
Largeur des blocs en CSS : bien comprendre les “width” et “padding”
En très court, très simple : il faut comprendre que d’après les normes du W3C, le width est censé représenter la largeur du bloc de texte, et le padding la marge entre la bordure et le bloc de texte. On aurait donc une largeur de bloc = width + padding.
Dans la réalité, ceci fonctionne avec Firefox, mais pas avec Internet Explorer.
Voici donc un hack très facile à mettre en pratique, pour un bloc dont on veut que la largeur constatée (width + padding) soit à 160px :
width: 160px; /* pour ie */
padding-left: 10px;
voice-family: "\"}\"";
voice-family:inherit;
width: 150px; /* pour les respectueux des standards */
Voici la source qui ne semble plus être disponible actuellement sur le site OpenWeb.eu.org : Gérer les modèles de boîte standard et Microsoft
Proposé par Rom's 
décembre 2007
Laisser un commentaire