OVH Cloud OVH Cloud

Largeur et positionnement absolu

6 réponses
Avatar
Bobe
Bonjour,

Je suis confronté à un bug potentiel de Mozilla, mais avant d'aller ouvrir une
entrée dans le bugtracker de Mozilla, j'aimerais l'avis d'autres personnes.

Lorsque spécifiée en pourcentage, la largeur d'un bloc est calculée par
rapport à celle du bloc conteneur.

Dans le cas d'un bloc positionné avec position: absolute;, le bloc conteneur
est soit:

- Un ancêtre ayant une valeur différente de 'static' pour la propriété position
- Sinon, la boite correspondant à l'élément racine

http://www.yoyodesign.org/doc/w3c/css2/visudet.html#containing-block-details

Pour le test que j'ai fait, il y a une boite principale (#test) avec notamment
les propriétés width: 400px; et padding-right: 200px;
Cette boite contient diverses boites, certaines en position 'absolute',
d'autres non.

Bon, jetez un oeil, ce sera plus parlant :) :
http://dev.webnaute.net/BAS/Width_absolute/

Qu'en pensez vous ? Bug ou pas bug ?

--
Bobe (Aurélien Maille)
http://webnaute.net

"la vie d'un geek est un combat perpétuel contre l'imperfection"

6 réponses

Avatar
Fabien LE LEZ
On Tue, 07 Sep 2004 13:44:43 +0200, Bobe
:

Je suis confronté à un bug potentiel de Mozilla



Et même un deuxième : le message est apparu deux fois.
M'enfin bon, là je suppose que c'est plutôt l'habituel "bug
Wanadoo"...

--
;-)
Avatar
Bobe
Fabien LE LEZ nous a dit le 07/09/2004 14:50:


Et même un deuxième : le message est apparu deux fois.
M'enfin bon, là je suppose que c'est plutôt l'habituel "bug
Wanadoo"...




En fait, ça vient de moi. J'ai merdouillé en postant dans le mauvais groupe,
puis remerdouiller en postant dans le bon groupe, fciwa, mais avec une
mauvaise adresse email, d'où un autre merdouillage en voulant poster avec la
bonne adresse email mais en ayant posté ici, pour finir enfin par y arriver.

Désolé du dérangement :D

--
Bobe (Aurélien Maille)
http://webnaute.net

"la vie d'un geek est un combat perpétuel contre l'imperfection"
Avatar
Fabien LE LEZ
On Tue, 07 Sep 2004 14:56:37 +0200, Bobe
:

J'ai merdouillé en postant dans le mauvais groupe,
puis remerdouiller en postant dans le bon groupe



<http://www.usenet-fr.news.eu.org/fr.usenet.reponses/comp/usenet/annulation.html>

--
;-)
Avatar
Bobe
Fabien LE LEZ nous a dit le 07/09/2004 15:19:

<http://www.usenet-fr.news.eu.org/fr.usenet.reponses/comp/usenet/annulation.html>




C'est bien ce que j'ai fait, mais pas assez vite apparamment.

--
Bobe (Aurélien Maille)
http://webnaute.net

"la vie d'un geek est un combat perpétuel contre l'imperfection"
Avatar
Laurent Wacrenier
Bobe écrit:
- Un ancêtre ayant une valeur différente de 'static' pour la propriété position



Certes, mais le conteneur est matérialisée par le bord de l'espacement
("padding edge" dans le version officielle).

La version anglaise est plus claire, mais le version française se
comprend avec le graphique (ou le lexique) :

padding edge
The padding edge surrounds the box padding. If the padding has 0 width,
the padding edge is the same as the content edge. The padding edge of a
box defines the edges of the containing block established by the box.

Le bord de l'espacement
Celui-ci entoure la boîte de l'espacement. Si la valeur de
l'espacement est 0, son bord est confondu avec celui du contenu. Le
bord d'espacement d'une boîte définit le bord du bloc conteneur établi
par la boîte ;

Il faut compter le width et le padding-right.

Pour #test1, Firefox le présente donc correctement (je n'ai pas suivi
les autres, c'est prise de tête, relit ce que tu as fais sous cet
éclairage et indique si il reste des erreurs).
Avatar
Bobe
Laurent Wacrenier nous a dit le 07/09/2004 15:51:


Certes, mais le conteneur est matérialisée par le bord de l'espacement
("padding edge" dans le version officielle).




Rha, les normes du W3C ont ça de bien qu'on en finit jamais de les explorer.
Merci :)

Pour l'explication sur l'autre groupe et fournir les références:

http://www.w3.org/TR/REC-CSS2/visudet.html#containing-block-details

"In the case that the ancestor is block-level, the containing block is formed
by the padding edge of the ancestor."

http://www.w3.org/TR/2004/CR-CSS21-20040225/visudet.html#containing-block-details

"Otherwise, the containing block is formed by the padding edge of the ancestor."

La spec. entend donc par "largeur du bloc conteneur" la somme width +
padding-left + padding-right (dans le cas où le bloc considéré est en
position: absolute;).

Donc Mozilla a raison encore une fois :)

Pour #test1, Firefox le présente donc correctement (je n'ai pas suivi
les autres, c'est prise de tête, relit ce que tu as fais sous cet
éclairage et indique si il reste des erreurs).




Tout est bon maintenant.

--
Bobe (Aurélien Maille)
http://webnaute.net

"la vie d'un geek est un combat perpétuel contre l'imperfection"