Tout d'abord, je déconseille fortement de travailler avec les marges et les floats par souci de compatibilité entre les différents navigateur. Par contre, une solution facile permet notament de régler se problème. Il suffit de mettre dans votre CSS *{margin: 0; padding:0;} ainsi, peut importe le navigateur les marges vont se situer au positionnement 0,0 et vous pourrez travailler avec les marges sans avoir de réel problème. Pour ce qui est du positionnement absolute, utiliser plutot une positionnement relative...
David Fournier Laforest
Étudiant en Techniques d'intégration multimédia
http://www.iris-dfl.net >From: public-request at lists.w3qc.org
>Reply-To: public at lists.w3qc.org
>To: public at lists.w3qc.org
>Subject: Lot public, Vol 17, Parution 15
>Date: Thu, 22 Dec 2005 21:23:00 -0800
>
>Envoyez vos messages pour la liste public à
> public at lists.w3qc.org
>
>Pour vous (dés)abonner par le web, consultez
> http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
>
>ou, par email, envoyez un message avec 'help' dans le corps ou dans le
>sujet à
> public-request at lists.w3qc.org
>
>Vous pouvez contacter l'administrateur de la liste à l'adresse
> public-owner at lists.w3qc.org
>
>Si vous répondez, n'oubliez pas de changer l'objet du message afin
>qu'il soit plus spécifique que "Re: Contenu du digest de public..."
>
>
>Thèmes du jour :
>
> 1. Utilisation des floats ou des positionnement absolute ?
> (Yannick Pavard (Infoglobe))
> 2. Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ? (CAROLINE MARQUIS)
> 3. Re: Feuille de style d'impression (gou)
> 4. Re: Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ? (Yannick Pavard (Infoglobe))
> 5. Re: Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ? (CAROLINE MARQUIS)
> 6. Re: Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ? (Yannick Pavard (Infoglobe))
> 7. Expertise recherchée avec Drupal (Denis Boudreau [W3Québec])
> 8. Re: Expertise recherchée avec Drupal (marclaporte at avantech.net)
> 9. Re: Utilisation des floats ou des positionnement absolute ?
> (Laurent Denis)
>
>
>----------------------------------------------------------------------
>
>Message: 1
>Date: Thu, 22 Dec 2005 09:33:18 -0500
>From: "Yannick Pavard (Infoglobe)"
>Subject: [W3Qc-public] Utilisation des floats ou des positionnement
> absolute ?
>To: Liste de discussion publique de W3Québec
>Message-ID:
>Content-Type: text/plain; charset=iso-8859-1
>
>Bonjour,
>
>J'ai un de mes contacts qui vient de se mettre au CSS et ils codent toutes >ces
>pages en positionnement ABSOLUTE alors que moi je préfère dans la plupart >des
>cas me débrouiller avec des FLOAT. Le problème c'est que je n'ai pas assez
>d'arguments pour lui dire "Arrête de me mettre des absolute partout !!" ;)
>
>De mémoire, il me semble que le soucis des positionnement ABSOLUTE réside >dans
>la lecture de la page sans feuille de style. Si la personne à codé comme un
>cochon elle peut très bien déclarer un FOOTER en haut de sa page et avec la
>feuille de style le positionner en bas, mais le lecteur "sans style" lui le
>verra en haut.
>
>Voila, si vous aviez d'autres pistes
>
>Merci
>
>Yannick
>
>
>------------------------------
>
>Message: 2
>Date: Thu, 22 Dec 2005 09:45:22 -0500
>From: "CAROLINE MARQUIS"
>Subject: Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ?
>To: ,
>Message-ID:
>Content-Type: text/plain; charset=UTF-8
>
>Hello,
>
>Une bonne source d'information
>http://blog.alsacreations.com/2004/07/14/42-css-quel-positionnement-choisir
>Personnellement, je travail avec ce qui fonctionne sur le moment...
>Float, marge, absolut (pour ajouter les décorations de noel dans l'intranet >à mon travail...) de temps en temps...
>
>Ca dépend des gens.. ;o)
>
>Le principal c'est que le code soit propre ^_~
>
>Caro
>
> >>> ypavard at .ca 12/22/05 9:33 am >>>
>Bonjour,
>
>J'ai un de mes contacts qui vient de se mettre au CSS et ils codent toutes >ces
>pages en positionnement ABSOLUTE alors que moi je préfère dans la plupart >des
>cas me débrouiller avec des FLOAT. Le problème c'est que je n'ai pas assez
>d'arguments pour lui dire "Arrête de me mettre des absolute partout !!" ;)
>
>De mémoire, il me semble que le soucis des positionnement ABSOLUTE réside >dans
>la lecture de la page sans feuille de style. Si la personne à codé comme un
>cochon elle peut très bien déclarer un FOOTER en haut de sa page et avec la
>feuille de style le positionner en bas, mais le lecteur "sans style" lui le
>verra en haut.
>
>Voila, si vous aviez d'autres pistes
>
>Merci
>
>Yannick
>_______________________________________________
>Liste de discussion public
>public at lists.w3qc.org
>http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
>
>
>
>------------------------------
>
>Message: 3
>Date: Thu, 22 Dec 2005 09:48:18 -0500
>From: gou
>Subject: Re: [W3Qc-public] Feuille de style d'impression
>To: cide at w3qc.org, Liste de discussion publique de W3Québec
>
>Message-ID:
>Content-Type: text/plain; charset=ISO-8859-1
>
>Bonjour,
>
>Histoire de taper sur le clou, voici un document sur lequel j'ai
>travaillé en 2003:
>
>http://www.webmaestro.gouv.qc.ca/ress/outils/bonnespr/fonctionimpression/fonction_impression_rapport2.pdf
>
>Sait-on jamais, ça pourrait vous servir...
>
>
>Thierry Goulet
>Concepteur Web
>http://gou.blogspot.com
>
>
>------------------------------
>
>Message: 4
>Date: Thu, 22 Dec 2005 10:01:10 -0500
>From: "Yannick Pavard (Infoglobe)"
>Subject: Re: Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ?
>To: public at lists.w3qc.org
>Message-ID:
>Content-Type: text/plain; charset=utf-8
>
>Allo,
>
>Merci Caroline pour pour cette source que je ne connaissais pas. Elle >apporte
>des précisions sur le plan technique, mais coté accessibilité je reste sur >ma
>faim ;)
>
>Truc que je comprend pas, quand l'auteur parle des float et dit que ca >"sort
>du flux". La position "absolute" je veux bien, mais tu met deux float les >uns
>à coté des autres, ils vont suivre le flux, ils vont pas se chevaucher.
>
>Ah moins que flux, ca veuille dire "se mettre les uns en dessous des >autres" ?
>
>A+
>
>Le Jeudi 22 Décembre 2005 09:45, vous avez écrit :
> > Hello,
> >
> > Une bonne source d'information
> > >http://blog.alsacreations.com/2004/07/14/42-css-quel-positionnement-choisir
> > Personnellement, je travail avec ce qui fonctionne sur le moment...
> > Float, marge, absolut (pour ajouter les décorations de noel dans >l'intranet
> > à mon travail...) de temps en temps...
> >
> > Ca dépend des gens.. ;o)
> >
> > Le principal c'est que le code soit propre ^_~
> >
> > Caro
> >
> > >>> ypavard at .ca 12/22/05 9:33 am >>>
> >
> > Bonjour,
> >
> > J'ai un de mes contacts qui vient de se mettre au CSS et ils codent >toutes
> > ces pages en positionnement ABSOLUTE alors que moi je préfère dans la
> > plupart des cas me débrouiller avec des FLOAT. Le problème c'est que je
> > n'ai pas assez d'arguments pour lui dire "Arrête de me mettre des >absolute
> > partout !!" ;)
> >
> > De mémoire, il me semble que le soucis des positionnement ABSOLUTE >réside
> > dans la lecture de la page sans feuille de style. Si la personne à codé
> > comme un cochon elle peut très bien déclarer un FOOTER en haut de sa >page
> > et avec la feuille de style le positionner en bas, mais le lecteur "sans
> > style" lui le verra en haut.
> >
> > Voila, si vous aviez d'autres pistes
> >
> > Merci
> >
> > Yannick
> > _______________________________________________
> > Liste de discussion public
> > public at lists.w3qc.org
> > http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
>
>--
>Yannick Pavard
>Gestion de contenu
>Infoglobe - http://www.infoglobe.ca
>Tél : (418) - 681 - 2929
>
>
>------------------------------
>
>Message: 5
>Date: Thu, 22 Dec 2005 10:29:16 -0500
>From: "CAROLINE MARQUIS"
>Subject: Re: Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ?
>To:
>Message-ID:
>Content-Type: text/plain; charset=UTF-8
>
>Hello
>
>Float fait sortir du flus de la page aussi...
>
>Si mon éléments en float est placé apres le texte (exemple) et que je lui >met un float left il va se placer à gauche du texte... donc avant... donc >c'est pas mieux ;o)
>
>Mais ca permet de mettre les éléments dans le bon ordre dans le code et de >les replacer autrement pour le visuel (ca aide pour les gens qui veulent >afficher leur menu en haut ou à gauche quand même lorsqu'ils le >positionnent à la fin du code pour aider les non-voyant à avoir le contenu >en premier....
>
>Il n'y en a pas un qui est "inaccessible"...à moins que je soit dans le >champ...
>L'accessibilité touche le code... si le code est propre, il faut juste >s'arranger pour que le contenu à "voir" soit logique..
>
>Caro
>
> >>> ypavard at infoglobe.ca 12/22/05 10:01 am >>>
>Allo,
>
>Merci Caroline pour pour cette source que je ne connaissais pas. Elle >apporte
>des précisions sur le plan technique, mais coté accessibilité je reste sur >ma
>faim ;)
>
>Truc que je comprend pas, quand l'auteur parle des float et dit que ca >"sort
>du flux". La position "absolute" je veux bien, mais tu met deux float les >uns
>à coté des autres, ils vont suivre le flux, ils vont pas se chevaucher.
>
>Ah moins que flux, ca veuille dire "se mettre les uns en dessous des >autres" ?
>
>A+
>
>Le Jeudi 22 Décembre 2005 09:45, vous avez écrit :
> > Hello,
> >
> > Une bonne source d'information
> > >http://blog.alsacreations.com/2004/07/14/42-css-quel-positionnement-choisir
> > Personnellement, je travail avec ce qui fonctionne sur le moment...
> > Float, marge, absolut (pour ajouter les décorations de noel dans >l'intranet
> > à mon travail...) de temps en temps...
> >
> > Ca dépend des gens.. ;o)
> >
> > Le principal c'est que le code soit propre ^_~
> >
> > Caro
> >
> > >>> ypavard at .ca 12/22/05 9:33 am >>>
> >
> > Bonjour,
> >
> > J'ai un de mes contacts qui vient de se mettre au CSS et ils codent >toutes
> > ces pages en positionnement ABSOLUTE alors que moi je préfère dans la
> > plupart des cas me débrouiller avec des FLOAT. Le problème c'est que je
> > n'ai pas assez d'arguments pour lui dire "Arrête de me mettre des >absolute
> > partout !!" ;)
> >
> > De mémoire, il me semble que le soucis des positionnement ABSOLUTE >réside
> > dans la lecture de la page sans feuille de style. Si la personne à codé
> > comme un cochon elle peut très bien déclarer un FOOTER en haut de sa >page
> > et avec la feuille de style le positionner en bas, mais le lecteur "sans
> > style" lui le verra en haut.
> >
> > Voila, si vous aviez d'autres pistes
> >
> > Merci
> >
> > Yannick
> > _______________________________________________
> > Liste de discussion public
> > public at lists.w3qc.org
> > http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
>
>--
>Yannick Pavard
>Gestion de contenu
>Infoglobe - http://www.infoglobe.ca
>Tél : (418) - 681 - 2929
>_______________________________________________
>Liste de discussion public
>public at lists.w3qc.org
>http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
>
>
>
>------------------------------
>
>Message: 6
>Date: Thu, 22 Dec 2005 10:36:16 -0500
>From: "Yannick Pavard (Infoglobe)"
>Subject: Re: Rép. : [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ?
>To: Liste de discussion publique de W3Québec
>Message-ID:
>Content-Type: text/plain; charset=iso-8859-1
>
>Le Jeudi 22 Décembre 2005 10:29, CAROLINE MARQUIS a écrit :
> > Hello
> >
> > Float fait sortir du flus de la page aussi...
> >
> > Si mon éléments en float est placé apres le texte (exemple) et que je >lui
> > met un float left il va se placer à gauche du texte... donc avant... >donc
> > c'est pas mieux ;o)
>
>Ok en effet, moi je partais le principe que tout était DIV ;) Avec du texte
>effectivement c'est flagrant ;)
>
>
> > Mais ca permet de mettre les éléments dans le bon ordre dans le code et >de
> > les replacer autrement pour le visuel (ca aide pour les gens qui veulent
> > afficher leur menu en haut ou à gauche quand même lorsqu'ils le
> > positionnent à la fin du code pour aider les non-voyant à avoir le >contenu
> > en premier....
> > Il n'y en a pas un qui est "inaccessible"...à moins que je soit dans le
> > champ... L'accessibilité touche le code... si le code est propre, il >faut
> > juste s'arranger pour que le contenu à "voir" soit logique..
>
>Ouep suis pas trop d'accord avec ça, c'est pour ca que j'essaye de >retrouver
>le texte que j'avais vu à ce sujet la ;)
>
>Merci
>
>A+
>
> > Caro
> >
> > >>> ypavard at infoglobe.ca 12/22/05 10:01 am >>>
> >
> > Allo,
> >
> > Merci Caroline pour pour cette source que je ne connaissais pas. Elle
> > apporte des précisions sur le plan technique, mais coté accessibilité je
> > reste sur ma faim ;)
> >
> > Truc que je comprend pas, quand l'auteur parle des float et dit que ca
> > "sort du flux". La position "absolute" je veux bien, mais tu met deux >float
> > les uns à coté des autres, ils vont suivre le flux, ils vont pas se
> > chevaucher.
> >
> > Ah moins que flux, ca veuille dire "se mettre les uns en dessous des
> > autres" ?
> >
> > A+
> >
> > Le Jeudi 22 Décembre 2005 09:45, vous avez écrit :
> > > Hello,
> > >
> > > Une bonne source d'information
> > > >http://blog.alsacreations.com/2004/07/14/42-css-quel-positionnement-chois
> > >ir Personnellement, je travail avec ce qui fonctionne sur le moment...
> > > Float, marge, absolut (pour ajouter les décorations de noel dans
> > > l'intranet à mon travail...) de temps en temps...
> > >
> > > Ca dépend des gens.. ;o)
> > >
> > > Le principal c'est que le code soit propre ^_~
> > >
> > > Caro
> > >
> > > >>> ypavard at .ca 12/22/05 9:33 am >>>
> > >
> > > Bonjour,
> > >
> > > J'ai un de mes contacts qui vient de se mettre au CSS et ils codent
> > > toutes ces pages en positionnement ABSOLUTE alors que moi je préfère >dans
> > > la plupart des cas me débrouiller avec des FLOAT. Le problème c'est >que
> > > je n'ai pas assez d'arguments pour lui dire "Arrête de me mettre des
> > > absolute partout !!" ;)
> > >
> > > De mémoire, il me semble que le soucis des positionnement ABSOLUTE >réside
> > > dans la lecture de la page sans feuille de style. Si la personne à >codé
> > > comme un cochon elle peut très bien déclarer un FOOTER en haut de sa >page
> > > et avec la feuille de style le positionner en bas, mais le lecteur >"sans
> > > style" lui le verra en haut.
> > >
> > > Voila, si vous aviez d'autres pistes
> > >
> > > Merci
> > >
> > > Yannick
> > > _______________________________________________
> > > Liste de discussion public
> > > public at lists.w3qc.org
> > > http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
>
>
>------------------------------
>
>Message: 7
>Date: Thu, 22 Dec 2005 17:20:55 -0500
>From: "Denis Boudreau [W3Québec]"
>Subject: [W3Qc-public] Expertise recherchée avec Drupal
>To: Liste de discussion publique de W3Québec
>Message-ID:
>Content-Type: text/plain; charset=ISO-8859-1; delsp=yes; format=flowed
>
>Bonjour tout le monde,
>
>Une connaissance à moi à un problème d'implémentation sur son site
>Web et recherche une ressource à laquelle il pourrait octroyer un
>petit contrat de "débogage". Le site est développé avec le CMS open
>source Drupal. La connaissance de l'outil est nécessaire car il
>s'agit de trucs plus complexes que du simple positionnement CSS ou de
>simples fonctions PHP. Quelqu'un parmi vous connaîtrait-il l'outil ou
>à tout le moins, une personne susceptible d'être capable de
>travailler suffisamment avec pour parvenir à mâter ces vilains
>bogues? Merci de me revenir là-dessus off-liste. Le contrat doit être
>fait dans le prochain mois, au retour des Fêtes.
>
>Cordialement,
>
>--
>Denis Boudreau
>Président fondateur
>
>W3Québec
>1751, rue Richardson suite 6.506
>Montréal (Qc), Canada H3K 1G6
>Tél. : +1 514.448.2650
>Cel. : +1 514.730.9168
>Web : http://www.w3qc.org/
>
>
>
>
>------------------------------
>
>Message: 8
>Date: Thu, 22 Dec 2005 16:35:09 -0800
>From: marclaporte at avantech.net
>Subject: Re: [W3Qc-public] Expertise recherchée avec Drupal
>To: Liste de discussion publique de W3Québec ,
> Denis Boudreau [W3Québec]
>Message-ID:
>Content-Type: text/plain; charset=ISO-8859-1; format="flowed"
>
>Salut Denis!
>
>Omar Bickell
>
>http://koumbit.net/OmarBickell
>http://omarzblog.gnuvernment.org/
>
>M ;-)
>
>Quoting " Denis Boudreau [W3Québec] " :
>
> > Bonjour tout le monde,
> >
> > Une connaissance à moi à un problème d'implémentation sur son site
> > Web et recherche une ressource à laquelle il pourrait octroyer un
> > petit contrat de "débogage". Le site est développé avec le CMS open
> > source Drupal. La connaissance de l'outil est nécessaire car il
> > s'agit de trucs plus complexes que du simple positionnement CSS ou de
> > simples fonctions PHP. Quelqu'un parmi vous connaîtrait-il l'outil ou
> > à tout le moins, une personne susceptible d'être capable de
> > travailler suffisamment avec pour parvenir à mâter ces vilains
> > bogues? Merci de me revenir là-dessus off-liste. Le contrat doit être
> > fait dans le prochain mois, au retour des Fêtes.
> >
> > Cordialement,
> >
> > --
> > Denis Boudreau
> > Président fondateur
> >
> > W3Québec
> > 1751, rue Richardson suite 6.506
> > Montréal (Qc), Canada H3K 1G6
> > Tél. : +1 514.448.2650
> > Cel. : +1 514.730.9168
> > Web : http://www.w3qc.org/
> >
> >
> > _______________________________________________
> > Liste de discussion public
> > public at lists.w3qc.org
> > http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
> >
>
>
>
>
>
>------------------------------
>
>Message: 9
>Date: Fri, 23 Dec 2005 06:20:24 +0100
>From: "Laurent Denis"
>Subject: Re: [W3Qc-public] Utilisation des floats ou des
> positionnement absolute ?
>To: \"Liste de discussion publique de W3Québ\"ec
>
>Message-ID:
>Content-Type: text/plain; format=flowed; delsp=yes;
> charset=iso-8859-15
>
>Bonjour,
>
>On Thu, 22 Dec 2005 15:33:18 +0100, Yannick Pavard (Infoglobe)
> wrote:
>
> > ...
> >
> > De mémoire, il me semble que le soucis des positionnement ABSOLUTE
> > réside dans
> > la lecture de la page sans feuille de style. Si la personne à codé comme
> > un
> > cochon elle peut très bien déclarer un FOOTER en haut de sa page et avec
> > la
> > feuille de style le positionner en bas, mais le lecteur "sans style" lui
> > le
> > verra en haut.
> >
> > Voila, si vous aviez d'autres pistes
> >
>
>Hum... Je ne crois pas que le problème d'accessibilité se joue dans le
>choix d'un des schéma de positionnement flux/float/absolue.
>
>La position absolue favorise effectivement les incohérences entre le flux
>HTML et l'ordre apparent à l'affichage. Autre problème fréquent : les
>auteurs ne prévoient pas suffisamment de "jeu" dans leur positionnement
>pour qu'il tolère l'agrandissement des caractères sans chevauchements,
>rognages ou scroll intérieurs/extérieurs. Plus généralement, les positions
>absolues sont souvent surexploitées pour obtenir un rendu au pixel près,
>sans prévoir que l'utilisateur n'aura pas nécessairement les mêmes
>conditions d'affichages. Mais dans tout cela, ils ne sont finalement que
>"l'instrument", et non le "responsable", dans des démarches qui
>n'intègrent pas vraiment le souci d'accessibilité.
>
>Mais les flottants posent eux aussi des problèmes d'incohérence de
>l'affichage et du flux. Cas type : un menu horizontal fait avec une liste
>de
en float:right: le « premier item HTML » se retrouve en « dernier >dans l’ordre de la lecture visuelle », c’est à dire à droite du menu. Cette >incohérence peut être perturbante pour la navigation au clavier. Autre >cas, rencontré en particulier dans des formulaires ou dans des pages >d’images avec des légendes : des flottants utilisés pour simuler un >« pseudo-tableau » qui va tirer son sens de l’affichage des éléments les uns >par rapport aux autres dans le sens vertical. Tout comme un tableau, cette >présentation perd son sens lorsqu’elle est linéarisée (les labels, par >exemple, ne sont plus associés à leurs input). > >En fait, les deux schémas de positionnement sont des sources possibles de >difficultés, dans la mesure où ils perturbent le flux, qui reste la >solution d’accessibilité la plus évidente. CSS ne favoriserait-elle donc >pas l’accessibilité comme promis ? Nous aurait-on menti ? 😉 > >Pour tempérer ce propos un brin provocateur, il faut reconnaître que >flottants et position sont tout deux « sur-utilisés » aujourd’hui, et qu’on >est très loin de pouvoir utiliser CSS correctement, puisqu’on ne peut pas >encore se servir, par exemple, du display:inline-block. Les >implémentations limitées ont donc leur part de responsabilité. Et quoi >qu’il en soit, c’est la façon dont l’auteur va utiliser ces outils qui >fera ou non l’accessibilité de la page. Pas l’outil lui-même. > >Enfin, un piège à éviter, AHMA : la très problématique position du >référentiel AccessiWeb français >( >http://www.accessiweb.org/fr/guide_accessiweb/guide-accessiweb-fiche-10-3.html >) Celui-ci, en allant beaucoup plus loin que les WCAG, exige une stricte >identité entre l’ordre des éléments sans CSS et l’ordre apparent CSS avec >respect du sens de la lecture gauche-droite. Cela revient à déclarer >inaccessible une simple image en float:right précédant un paragraphe en >flux… Cet exemple montre bien à quel point ce type de question ne peut >pas être traité brutalement avec des règles générales 😉 > >Cordialement, >— >Laurent Denis >Temesis >Qualité, conformité et accessibilité des sites Internet >http://www.temesis.com > > >—————————— > >_______________________________________________ >Liste de discussion public >public at lists.w3qc.org >http://lists.w3qc.org/listinfo.cgi/public-w3qc.org > > >Fin de Lot public, Vol 17, Parution 15 >************************************** _________________________________________________________________ Profitez des puissants filtres de courriels indésirables articulés sur la technologie brevetée MicrosoftMD SmartScreen. http://join.msn.com/?pgmarket=fr-ca&page=features/junkmail Commencez dès maintenant à profiter de tous les avantages de MSN Premium et obtenez les deux premiers mois GRATUITS*.