Mise en page différente d'une page à l'autre avec la même css...

Yop,

Pourriez-vous jeter un oeil ici :


...puis ici :


...et m'expliquer pourquoi dans le premier cas, le lien "commentaires" et les 3 icones sont bien placées en bas de page, alors que dans le second ces élements se retrouvent calés à droite de la liste ? Je n'arrive pas à comprendre, je perds patience et ça me fatigue.

Merci.
Modifié par parappa (08 Mar 2009 - 20:21)

Bonsoir,
je peux comprendre ton énervement même si dans ce cas,
il ne s'agit pas d'un bug...

Ton div liste_texte_bas flotte à gauche donc le contenu qui le suit
(commentaires ...) vient logiquement se placer à sa droite SAUF si
la largeur du flottant est trop importante pour laisser suffisamment
d'espace pour le contenu qui suit.( http://www.charleslp.com/photo/index.php?showimage=2 )
Donc tu dois supprimer la déclaration float:left sur liste_texte_bas.
Modifié par Hermann (31 Jan 2007 - 22:06)

Bonjour,

[i]style.css (line 156)[/i]
#liste_texte_bas {
	float:left;
	list-style-type:none;
	margin-bottom:15px;
}

Il est logique que le texte qui suit un flottant vienne se coller aux bords de ce flottant (le positionnement flottant est justement fait pour cela).

Dans le premier cas, le bloc flottant, qui a un contenu important et pas de largeur fixe ou maximale, prend la largeur totale disponible dans son conteneur. Le texte qui suit le flottant n'a donc plus la place de se loger à droite, et passe donc à la ligne.

Dans le deuxième cas, le bloc flottant, qui a un contenu court et pas de largeur fixe ou minimale, prend la largeur de son contenu. Cela laisse donc de la place à droite pour le texte qui suit le flottant.

La réponse a la question est donc : c'est normal, le comportement flottant marche comme ça.


Edit : grillé.
Modifié par Florent V. (31 Jan 2007 - 22:06)

Désolé Florent
Voilà donc la même réponse présentée differemment.
A toi de choisir Parappa

Ça a l'air de bien fonctionner. Merci beaucoup !