Openweb.eu.org

Initiation au positionnement CSS : 2.position float

boubounana — 2018-07-12T14:08:03Z

le float, c'est mort... on peut se passer du "float" grâce au flexbox (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

Initiation au positionnement CSS : 2.position float

BEDA NGUESSAN — 2015-03-17T13:36:07Z

pas mal cela peut nous aider

Initiation au positionnement CSS : 2.position float

Arthur Kirsz — 2014-07-28T14:28:59Z

Bonjour,

Je pensais que le float ne retirais pas l'élement du flux de la page (comme c'est mentionné en début d'article). D'ailleurs, on voit bien que le texte et les blocs sont impactés par un élément en float. Je me trompe ?

Initiation au positionnement CSS : 2.position float

devcat — 2013-04-16T11:47:30Z

Pour ma part, je trouve qu'ajouter une balise div vide en guise de spacer ou un hr fausse la sémantique de la page. Ce problème peut être résolu d'une façon très simple et bien plus propre : en mettant sur l'élément conteneur un overflow:hidden. Bien sûr dans quelques % des cas ça ne sera pas possible si votre conteneur doit avoir une propriété overflow différente. Mais celà est la solution la plus propre et couvre allez... 95% des cas.

Initiation au positionnement CSS : 2.position float

devcat — 2013-04-16T11:47:06Z

Initiation au positionnement CSS : 2.position float

wiloooo — 2013-01-31T15:16:28Z

bonjour, je cherche une astuce pour mettre deux colonnes à la même hauteur avec du css je ne trouve pas pouvez vous m'aider ?

Initiation au positionnement CSS : 2.position float

karl — 2012-07-06T10:49:43Z

jetman001, Une adresse Web avec un exemple concret du problème est toujours mieux pour pouvoir t'aider. Si tu ne veux/peux pas dévoiler tout le projet, tu peux créer un exemple sur http://jsfiddle.net/

Initiation au positionnement CSS : 2.position float

Pascale Lambert Charreteur — 2012-07-05T14:41:59Z

Ce problème n'est pas lié au positionnement je pense. Peut-être devriez-vous plutôt poster votre problème sur un forum de discussion dédié où vous pourrez donner plus de détails.

Cependant, avez-vous vérifié le chemin de votre image ?

Initiation au positionnement CSS : 2.position float

jetman001 — 2012-07-05T14:11:54Z

Bonjour, Quand je fais le test avec un image en contenu, ca me fais un grand vide là ou devrais se trouvé l'image par défaut.

Initiation au positionnement CSS : 2.position float

Cyrille — 2012-02-17T14:31:54Z

Excellent article, bien écrit et facile pour les néophytes !

Initiation au positionnement CSS : 2.position float

Tiruve — 2011-10-21T21:32:56Z

Une seul chose à dire. Je vous aimes \o/
Je chercher a faire un cadre avec un beau style (donc 6 div pour le simple et seul fait du cadre) et quand j'arrivais a la deuxième ligne, tout merder.. Grâce a vous j'ai appris qu'il fallait mettre le clear:both dans une div entre la dernière div de la premiere ligne et la dernière div de la deuxième ligne :love :

Initiation au positionnement CSS : 2.position float

Obsidian — 2011-01-27T19:43:13Z

D'expérience, c'est nécessaire pour que certains navigateurs la prennent en compte. Même en dehors du cas de figure de « float », j'ai eu à le faire pour que certaines de mes divisions fonctionnent avec IE. Je ne me souviens plus de la version.

Maintenant, le bug est peut-être résolu et on peut aussi choisir de faire un cut-off en dessous de certaines versions de navigateurs, histoire de favoriser la migration et, donc, l'adoption des bons standards.

Initiation au positionnement CSS : 2.position float

verdy_p — 2010-09-15T04:06:10Z

Pourquoi générer un contenu dans le "spacer" ? C'est unutile (et pas besoin non plus de

qui produit une ligne visible.

La solution c'est (en HTML4 ou HTML5)

sans rien du tout dedans.

Qu'on peut abréger en XHTML (attention pour HTML le div n'est pas fermé par cette syntaxe, si le navigateur emploie les règles de parsing SGML) :

(non recommandé)

Un div peut parfaitement être vide... Pas besoin de mettre une espace insécable dedans.

Voir par exemple sur Wikipédia le Modèle:Clear, abrégé souvent Clr, abondamment employé pour ça dans les articles. L'astuce est connue depuis longtemps.

Je trouve dommage que CSS ne contienne qu'une propriété "clear :" indiquant une rupture verticale uniquement AVANT le contenu de l'élement mais rien pour indiquer une rupture APRES ce contenu, juste avant la bordure et la marge inférieures. Ce qui aurait été logique par symétrie et aurait rendu la chose plus simple (mais on fait avec).