Comments on: Centrer un float en CSS

By: florent

florent — Fri, 20 May 2011 20:38:55 +0000

ne vaut-il mieux pas utiliser des por les boîtes plutôt que des ? (les sont de type block il me semble donc il y a un retour à la ligne…)

By: Alicya

Alicya — Sat, 12 Jun 2010 22:20:37 +0000

Les CSS dynamiques peuvent répondre aux problèmes de
taille = nombre de boîtes * ( width + padding + margin-left ) + margin-right
Très facilement intégré au code (et validé évidemment).

Par contre, dans le cas d’un nombre indéterminée de boites ? (requêtes BDD) Si on en a 32 bonjour la fenêtre redimensionnée !

By: Jokester

Jokester — Wed, 27 Jun 2007 11:51:14 +0000

J'avais tenté un réajustement de blocs avec javascript, et j'en avait conclu que c'était trop lourd : à chaque réajustement de la taille des fenêtres, le contenu mettait du temps à se remettre en place, et je plantais complètement IE dans certains cas.
C'est déconseillé d'utiliser DOM dans ce cas je pense, il faut trouver une solution alterne, et compatible avec IE. Je crois que sur Alsacréations il y a un tutoriel qui explique cette démarche de centrage de blocs, compatible tous navigateurs.

Bon vent,
Jk

By: Clem

Clem — Sun, 28 Aug 2005 15:54:38 +0000

… de toutes façons rien ne vaudra jamais l’alliance CSS/XHTML… euh… je crois ? allez faire comprendre ça à nos chers ingénieurs microsoftiens :) (j’espère au moins qu’IE7 calculera correctement les paddings et qu’ils sera compatible avec position:fixed; que je passe plus dix plombes à créer des erreurs puis des corrections dans mes feuilles de style…)

By: Rémi

Rémi — Thu, 25 Aug 2005 08:37:40 +0000

Pour le display : table, je ne connaissais pas du tout, c'est ce dont j'avais besoin.
Malheureusement, après un test de 3 minutes avant de partir au boulot j'ai constaté :
1) ça crée un espace supplémentaire en dessous des boites (bon, ça doit peut-être se regler avec une autre propriété)
2) c'est pas compatible IE...

Je jetterais à oeil à ton script tout à l'heure :)

By: Celelibi

Celelibi — Thu, 25 Aug 2005 07:21:20 +0000

Tien tant que j'y suis, on va "corriger" le script JavaScript même si en CSS ça fait plus classe. :)

Donc, pour connaitre la classe d'un élément il y a plusieurs moyens.
Soit la propriété className, ou alors on peut faire du lourd avec un lis.getAttribute("class") .

Sinon, pour parcourir la liste des noeud enfant sur seulement un niveau il faut y aller à coup de nextSibling. Petit exemple :
for (myNode=navroot.firstChild; myNode; myNode=myNode.nextSibling) {
// Si le noeud est un élément
if(myNode.nodeType == 2) ok++
else nok++
}

En fait ici moz et sa famille de pandas rouges considèrent que de simples espaces constituent un noeud de text, alors que IE ne les considère pas. :)
Il serait aussi possible de faire un test sur l'attribut nodeName, voir même pourquoi pas, className.

Un petit lien en passant fr.selfhtml.org/javascrip...

Et puis pourquoi modifier l'attribut style de l'élément, quand tu peux modifier la règles CSS. Mais bon j'ai un peu la flème de ce soir (oui il est 07h20 du soir).
Aller encore un petit lien www.mozilla.org/docs/dom/...

Bref, de toutes façon je désactive javascript par défaut, et puis la solution CSS elle rox.

By: Celelibi

Celelibi — Thu, 25 Aug 2005 06:01:40 +0000

Comme sur le chat, mais ici au moins c'est persistant. :)

Tu reprends ton modèle de avec le conteneur mais tu lui mets le style suivant :
.conteneur {
display : table;
margin : 0px auto;
}

Et on oubie pas d'applaudir ze masteur ov séaissèsse.

(Qu'il est loin le temps du troll xsl/css...)

Je vais avoir droit à un greet ? :D

Celelibi