L'interprétation du padding est toutefois différente entre MSIE, Opera et Firefox.
Merci, Pascal
Cordialement, -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor/free.fr/
Eleveurs et agriculteurs polluent toujours la Bretagne et elia nous
narre ce qui suit en ce 26/11/2007 11:03 :
Bonjour,
Bonjour,
Je souhaiterais centrer du contenu dans une page . Impossible de faire
apparaitre le "background-color"?
L'interprétation du padding est toutefois différente entre MSIE, Opera
et Firefox.
Merci, Pascal
Cordialement,
--
docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/
L'interprétation du padding est toutefois différente entre MSIE, Opera et Firefox.
Merci, Pascal
Cordialement, -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor/free.fr/
elia
et bien! super merci, c'est exactement ce "display:table;" qu'il me fallait et que je n'avais pas trouvé dans mes sources! Merci encore!, pascal
et bien! super merci, c'est exactement ce "display:table;" qu'il me
fallait et que je n'avais pas trouvé dans mes sources! Merci encore!,
pascal
Tous les éléments à l'intérieur étant flottants il suffit d'un banal overflow:auto sur #container pour que la hauteur des flottants internes soient considérés dans le calcul de la hauteur du #container. Puisqu'aucune height n'est appliquée à #container, ça ne crée pas de scrollbars, ça s'adapte au contenu flottant.
Tésté sur (win) Fx2 et 3b1, safari 3b1, Op9, IE6 et IE7.
-- laurent
elia a écrit :
Bonjour,
Je souhaiterais centrer du contenu dans une page . Impossible de faire
apparaitre le "background-color"?
J'ai donc centré un "container" dans le lequel j'ai 3 colonnes. La
couleur du fond du "container" #FFFFFF n'apparait pas?
Tous les éléments à l'intérieur étant flottants il suffit d'un banal
overflow:auto sur #container pour que la hauteur des flottants internes
soient considérés dans le calcul de la hauteur du #container.
Puisqu'aucune height n'est appliquée à #container, ça ne crée pas de
scrollbars, ça s'adapte au contenu flottant.
Tésté sur (win) Fx2 et 3b1, safari 3b1, Op9, IE6 et IE7.
Tous les éléments à l'intérieur étant flottants il suffit d'un banal overflow:auto sur #container pour que la hauteur des flottants internes soient considérés dans le calcul de la hauteur du #container. Puisqu'aucune height n'est appliquée à #container, ça ne crée pas de scrollbars, ça s'adapte au contenu flottant.
Tésté sur (win) Fx2 et 3b1, safari 3b1, Op9, IE6 et IE7.
-- laurent
docanski
Eleveurs et agriculteurs polluent toujours la Bretagne et Olivier Masson nous narre ce qui suit en ce 26/11/2007 14:53 :
Bof. On peut faire autrement donc autant éviter d'utiliser display: table lorsque ce n'en est pas une.
..clean { display: block; clear: both; } et <span class="clean"></span> avant la fermeture du container.
Bof. Si Firefox ne bronche pas, ça modifie l'affichage au niveau de la marge blanche aussi bien sous MSIE que sous Opera. Opera ajoute quelques pixels à droite et MSIE les ajoute en dessous. Pas très homogène, comme résultat. La solution de Laurent est plus élégante. Pascal jugera de ce qui lui convient le mieux, après tout. -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor/free.fr/
Eleveurs et agriculteurs polluent toujours la Bretagne et Olivier Masson
nous narre ce qui suit en ce 26/11/2007 14:53 :
Bof. On peut faire autrement donc autant éviter d'utiliser display:
table lorsque ce n'en est pas une.
..clean { display: block; clear: both; }
et <span class="clean"></span> avant la fermeture du container.
Bof. Si Firefox ne bronche pas, ça modifie l'affichage au niveau de la
marge blanche aussi bien sous MSIE que sous Opera. Opera ajoute quelques
pixels à droite et MSIE les ajoute en dessous.
Pas très homogène, comme résultat.
La solution de Laurent est plus élégante.
Pascal jugera de ce qui lui convient le mieux, après tout.
--
docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/
Eleveurs et agriculteurs polluent toujours la Bretagne et Olivier Masson nous narre ce qui suit en ce 26/11/2007 14:53 :
Bof. On peut faire autrement donc autant éviter d'utiliser display: table lorsque ce n'en est pas une.
..clean { display: block; clear: both; } et <span class="clean"></span> avant la fermeture du container.
Bof. Si Firefox ne bronche pas, ça modifie l'affichage au niveau de la marge blanche aussi bien sous MSIE que sous Opera. Opera ajoute quelques pixels à droite et MSIE les ajoute en dessous. Pas très homogène, comme résultat. La solution de Laurent est plus élégante. Pascal jugera de ce qui lui convient le mieux, après tout. -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor/free.fr/
docanski
Eleveurs et agriculteurs polluent toujours la Bretagne et Laurent vilday nous narre ce qui suit en ce 26/11/2007 15:15 :
Tous les éléments à l'intérieur étant flottants il suffit d'un banal overflow:auto sur #container pour que la hauteur des flottants internes soient considérés dans le calcul de la hauteur du #container.
C'est tout bon, en effet. Ce qui est toutefois curieux, c'est l'interprétation du padding (celui que j'ai ajouté) chez FF et Opera par rapport à MSIE : le 2 premiers affichent 5 pixels à gauche et 10 pixels (à vue de nez) à droite ... alors que l'espace restant n'est censé être que de 10 px. -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor/free.fr/
Eleveurs et agriculteurs polluent toujours la Bretagne et Laurent vilday
nous narre ce qui suit en ce 26/11/2007 15:15 :
Tous les éléments à l'intérieur étant flottants il suffit d'un banal
overflow:auto sur #container pour que la hauteur des flottants internes
soient considérés dans le calcul de la hauteur du #container.
C'est tout bon, en effet.
Ce qui est toutefois curieux, c'est l'interprétation du padding (celui
que j'ai ajouté) chez FF et Opera par rapport à MSIE : le 2 premiers
affichent 5 pixels à gauche et 10 pixels (à vue de nez) à droite ...
alors que l'espace restant n'est censé être que de 10 px.
--
docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor/free.fr/
Eleveurs et agriculteurs polluent toujours la Bretagne et Laurent vilday nous narre ce qui suit en ce 26/11/2007 15:15 :
Tous les éléments à l'intérieur étant flottants il suffit d'un banal overflow:auto sur #container pour que la hauteur des flottants internes soient considérés dans le calcul de la hauteur du #container.
C'est tout bon, en effet. Ce qui est toutefois curieux, c'est l'interprétation du padding (celui que j'ai ajouté) chez FF et Opera par rapport à MSIE : le 2 premiers affichent 5 pixels à gauche et 10 pixels (à vue de nez) à droite ... alors que l'espace restant n'est censé être que de 10 px. -- docanski
Portail et annuaire du nord-Bretagne : http://armorance.free.fr/ Guide des champignons d'Europe : http://mycorance.free.fr/ La vallée de la Rance maritime : http://valderance.free.fr/ Les côtes du nord de la Bretagne : http://docarmor/free.fr/
Olivier Masson
docanski a écrit :
Bof. Si Firefox ne bronche pas, ça modifie l'affichage au niveau de la marge blanche aussi bien sous MSIE que sous Opera. Opera ajoute quelques pixels à droite et MSIE les ajoute en dessous. Pas très homogène, comme résultat. La solution de Laurent est plus élégante. Pascal jugera de ce qui lui convient le mieux, après tout.
Bof, ça vaut mieux que ta solution c'est sûr ;) C'est une soluce classique et ça dépend de ce que l'on souhaite faire. Aucune diff d'affichage chez moi (IE6,7, Op9, FF2).
docanski a écrit :
Bof. Si Firefox ne bronche pas, ça modifie l'affichage au niveau de la
marge blanche aussi bien sous MSIE que sous Opera. Opera ajoute quelques
pixels à droite et MSIE les ajoute en dessous.
Pas très homogène, comme résultat.
La solution de Laurent est plus élégante.
Pascal jugera de ce qui lui convient le mieux, après tout.
Bof, ça vaut mieux que ta solution c'est sûr ;)
C'est une soluce classique et ça dépend de ce que l'on souhaite faire.
Aucune diff d'affichage chez moi (IE6,7, Op9, FF2).
Bof. Si Firefox ne bronche pas, ça modifie l'affichage au niveau de la marge blanche aussi bien sous MSIE que sous Opera. Opera ajoute quelques pixels à droite et MSIE les ajoute en dessous. Pas très homogène, comme résultat. La solution de Laurent est plus élégante. Pascal jugera de ce qui lui convient le mieux, après tout.
Bof, ça vaut mieux que ta solution c'est sûr ;) C'est une soluce classique et ça dépend de ce que l'on souhaite faire. Aucune diff d'affichage chez moi (IE6,7, Op9, FF2).
