Donner des marges au CONTENU d'un div (et non au div)...

Donner des marges au CONTENU d'un div (et non au div)... - HTML/CSS - Programmation

Marsh Posté le 04-09-2003 à 13:23:39    

En effectuant quelques tests, je me suis rendu compte qu'on peut très facilement donner des marges au contenu d'un div en utilisant le padding.
Mais la difficulté, c'est que Mozilla, lui, agrandit le div en rajoutant ce fameux padding...
 
J'en déduis que pour le moment, la seule manière crossbrowser de faire des marges est d'imbriquer 2 divs. Qu'en pensez-vous ?

Reply

Marsh Posté le 04-09-2003 à 13:23:39   

Reply

Marsh Posté le 04-09-2003 à 14:20:54    

Recherches faites, c'est en fait IE qui foire (on s'en serait douté), car d'après le W3C, width et height agissent normalement sur le CONTENU du div et non sur le div lui-même. Donc Moz et Opera suivent les recommandations en ajoutant le padding à la largeur et à la hauteur du contenu du div.
 
Voili. D'après ce que je lis ici ou là, la solution des 2 divs imbriqués est la seule qui soit réellement valable.
 

Reply

Marsh Posté le 04-09-2003 à 14:24:27    

C'est pas le box model hack ça ?
http://openweb.eu.org/articles/dimensions_boites_css/
 
EDIT: il se peut que je sois à côté de la plaque !


Message édité par fastclemmy le 04-09-2003 à 14:25:03
Reply

Marsh Posté le 04-09-2003 à 14:33:42    

fastclemmy a écrit :

C'est pas le box model hack ça ?
http://openweb.eu.org/articles/dimensions_boites_css/
 
EDIT: il se peut que je sois à côté de la plaque !


 
Oui tout à fait, mais c'est une solution pourrite. La seule soluce vraiment correcte, c'est d'utiliser 2 divs (hélas).

Reply

Marsh Posté le 04-09-2003 à 18:00:46    

Un text-indent pourrait faire l'affaire... si tu n'as qu'une ligne de texte ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed