OVH Cloud OVH Cloud

Bug ou absurdité normalisée ?

65 réponses
Avatar
Gerard Menvussa
Bonjour

Si vous essayez le code suivant dans votre navigateur préféré il y a des
chances que le résultat ne soit pas conforme à ce que défini le style
(marge à 0, padding à 0 les "div" devraient être collés ? Eh bien non).
D'où ma question.

(Pour ceux qui on la flemme de le copier : http://tetraedre.org/bug.html)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Bug ou absurdité normalisée ?</title>
</head>
<style>
h1 {
padding:16px;
}
</style>
<body>
<div style='margin:0; padding:0;
background-color:yellow'><h1>yellow</h1></div>
<div style='margin:0; padding:0; background-color:blue'><h1>blue</h1></div>
<div style='margin:0; padding:0; background-color:red; border:solid 1px
black'><h1>red</h1></div>
<div style='margin:0; padding:0; background-color:green; border:solid
1px black'><h1>green</h1></div>
</body>
</html>


Question subsidiaire : y'a t-il un moyen de signaler les absurdités que
l'on trouve en HTML et CSS ?

10 réponses

3 4 5 6 7
Avatar
SAM
Patrick 'Zener' Brunet a écrit :
Bonsoir SAM.



Salut Pat',

Mais le sachant, ça va peut être expliquer un truc étrange sur mon site...



D'autant que je n'avais pas bien capté la problématique, le
questionnement suivant situations et contextes.
J'en étais resté à du superficiel ou au cas simple :-(
Avatar
Olivier Masson
Nicolas Krebs a écrit :
Olivier Miakinen écrivit dans l'article news:
Il n'existe malheureusement pas de traduction en français de la 2.1.



news:1g2ltci.nhor2dncqi4gN%



Je retrouve pas ce message.
ça dit quoi ?
Avatar
Olivier Masson
Olivier Miakinen a écrit :

<cit. http://www.w3.org/TR/CSS21/>
W3C Candidate Recommendation 19 July 2007
</cit.>

On n'en est pas loin... mais ce n'est pas encore fait hélas.



C'est censé évoluer en décembre. Ca passe de recommandation à... au
stade suivant :)
Avatar
Olivier Miakinen
Le 11/12/2007 09:23, Olivier Masson a écrit :

news:1g2ltci.nhor2dncqi4gN%



Je retrouve pas ce message.
ça dit quoi ?



Ça dit que la traduction ne sera faite que quand le document aura
atteint le stade de recommandation :
http://groups.google.com/group/fr.comp.infosystemes.www.auteurs/msg/ac54409abc30c798?rnum=1
Avatar
Laurent vilday
Gerard Menvussa a écrit :
Laurent vilday a écrit :



[cut]

Non ne me remercie pas de faire ton éducation. Vous pourras le ressortir
pour briller. (et n'oublie pas de vérifier les dates ça fait mec qui s'y
connait...)



T'es un troll bien trop bête pour que je m'embête à parfaire ton
éducation, tu n'as ni compris, ni suivi ni fait l'effort de comprendre
ce que tout le monde te dis.

Plonk

--
laurent
Avatar
Gerard Menvussa
Yamo' wrote:
Salut,
Le 09/12/2007 14:04, Gerard Menvussa a écrit:

(marge à 0, padding à 0 les "div" devraient être collés ? Eh bien
non). D'où ma question.

(Pour ceux qui on la flemme de le copier : http://tetraedre.org/bug.html)



Avec Amaya 9.52 ça s'affiche correctement mais ce n'est pas un vrai
navigateur.



En effet c'est incroyable !
Je ne sais pas ce qu'est un vrai navigateur, mais même s'il est peu
utilisé c'est un navigateur. Qui plus est c'est le navigateur du W3C il
est donc tenu de respecter la norme à la lettre non ?
J'en déduit que nous avons un peu vite interprété la norme qui semble
t-il ne prévoit pas l'effet étrange que je rencontre.


Pour ce genre de test tu as aussi : http://browsershots.org/



Génial ce site ! Je ne sais vraiment pas comment ils font ça.

Je ne regrette pas d'avoir jeté un oeil à ce forum aujourd'hui.
Merci beaucoup.
Avatar
Gerard Menvussa
Patrick 'Zener' Brunet wrote:
Bonsoir SAM.

"SAM" a écrit dans le message
de news: 475c2e83$0$5081$
Patrick 'Zener' Brunet a écrit :
"Bruno Desthuilliers" a écrit
dans le message de news: 475bec6f$0$643$
Gerard Menvussa a écrit :
Si vous essayez le code suivant dans votre navigateur préféré
il y a des chances que le résultat ne soit pas conforme à ce que
défini le style (marge à 0, padding à 0 les "div" devraient être
collés ? Eh bien non).


Tu oublie le margin par défaut du h1. Si tu lui défini un
margin à 0, tes div seront bien collées les unes aux autres.


Tiens, c'est bizarre... et contre-intuitif:


Les Hn comme les P ont une marge (haute et basse) par défaut,
et ça me semble normal :
- qu'un paragraphe se distingue d'un autre par un petit espace
- qu'un titre(sous-titre) se distingue(nt) par un petit espace


Pourquoi le container div hérite-t-il d'une propriété de son
contenu ?



Le conteneur n'hérite de rien, c'est bien le Hn ou le P qui, par
défaut, gardent de l'air autour d'eux (cette marge reste bien
l'intérieur du div conteneur)



A l'intérieur ? Ce qui me chagrine dans les deux premiers pavés de
l'exemple, c'est que le background du conteneur ne couvre pas cette marge,
puisque pour le div elle fait *intuitivement mais c'est faux* partie de son
contenu et qu'il n'a pas de padding.



Oui vous avez raison.


[et plus loin:]
Ou plutôt selon une autre interprétation, pourquoi son
background n'inclut-t-il pas les marges de son contenu ?



Là je ne comprends rien à ce que tu dis.
Tu veux dire :
pourquoi le H1 n'hérite pas des marges prévues par le
div contenant ?



Non, pas du tout. Il ne s'agit pas d'héritage mais d'inclusion...

La page citée par denisb m'a permis de comprendre:
http://complexspiral.com/publications/uncollapsing-margins/

Les marges des éléments "frères" entre eux sont fusionnées chaque fois que
c'est possible, ça ça me paraît tout à fait intuitif.



Il faut le savoir, mais pourquoi pas.


Ce qui ne l'était pas (du moins pour moi), c'est qu'elles sont fusionnées
aussi avec celles du conteneur, même nulles, donc elles en débordent et
s'exercent sur l'extérieur à travers la frontière de leur conteneur ! Ca se
veut intuitif ça ?



A mon avis non et d'ailleurs ce n'est finalement sans doute pas prévu
par la norme. Il s'agirait donc bien d'un bug très répandu dans les
navigateurs.


Sauf apparemment si on ajoute un padding (de 1px au moins ?) au conteneur,
ou un border, ce qui force les marges des éléments contenus à rester à
l'intérieur, et donc étend le background dudit conteneur jusqu'au rectangle
englobant ces marges + le padding, au lieu du rectangle englobant seulement
le corps des élements (ouf !).
Là encore, l'effet "durcisseur" de l'ajout d'une marge interne purement
symbolique, causant ce changement complet de comportement par rapport aux
marges externes, c'est limite intuitif :o)

Donc je suis navré si on a bien expliqué ça aux gens qui ont été formés à
CSS, mais pour l'autodidacte, même par ailleurs concepteur de systèmes,
c'est pas naturel du tout ;-p



Si ça peut vous rassurer je ne crois pas que beaucoup de personnes aient
été formées à CSS. En ce qui me concerne j'ai fait des études
d'informatique mais je suis autodidacte comme vous concernant le CSS.
Avatar
Pierre Goiffon
Gerard Menvussa wrote:
Il n'y a aucun doute à avoir à ce sujet, vous êtes tous deux des
cuistres.



Hé bien vous ne manquez pas d'air !
Enfin vous m'aurez fait bien rire quelques instants. On passe à autre
chose maintenant.
Avatar
Pierre Goiffon
Olivier Masson wrote:
news:1g2ltci.nhor2dncqi4gN%



Je retrouve pas ce message.



Il faut installer l'extension Message-ID Finder en plus de Mnenhy :)
Avatar
Patrick 'Zener' Brunet
Bonsoir.

"Gerard Menvussa" a écrit dans le message de
news: fjlp38$gt7$
Patrick 'Zener' Brunet wrote:
> "SAM" a écrit
> dans le message de news: 475c2e83$0$5081$
>> Patrick 'Zener' Brunet a écrit :
>>> "Bruno Desthuilliers" a
>>> écrit
>>> dans le message de news: 475bec6f$0$643$
>>>> Gerard Menvussa a écrit :


[...]
Si ça peut vous rassurer je ne crois pas que beaucoup de personnes
aient été formées à CSS. En ce qui me concerne j'ai fait des études
d'informatique mais je suis autodidacte comme vous concernant le CSS.




Et pour ma part, j'ai aussi eu le temps d'apprendre à m'exprimer avec
diplomatie quand je soumets un problème dans un domaine mal maîtrisé (et
dans mes domaines d'expertise aussi, ça ne fait pas de mal).

Techniquement (il y a 8 jours, je rencontrais encore un contributeur du W3C
à l'INRIA), je pense que le Web est un domaine énorme où les normes évoluent
de manière distribuée, par compromis et en subissant la contrainte de la
continuité.
Evidemment ça donne des résultats... disons "non optimaux".

Mais si quelqu'un est capable de trouver une stratégie pour remplacer d'un
coup tout le .erdier par du 100% fiable, sans tout perdre au passage, qu'il
se signale, il aura des fans :-)

--
Cordialement.
--
/**************************************************
* Patrick BRUNET
* E-mail: lien sur http://zener131.free.fr/ContactMe
**************************************************/
3 4 5 6 7