Page 1 sur 1

Float et saut de ligne

Posté : 07 févr. 2005, 14:51
par Ouaibou
Bonjour,

Je développe un forum conforme css et xhtml strict. Cependant je rencontre des problèmes notamment au niveau des floats et les sauts de lignes qui selon Internet explorer et firefox ne sont pas intéprétés pareils. Ainsi si j'aligne horizontalement plusieurs divs en float et qu'au dernier pour boucler je met un div avec la propriété clear: left ou both, sous firefox c'est parfait mais sous Internet explorer ça me rajoute un saut de ligne :roll:

J'ai bien cherché des astuces mais qu'en j'en trouvé certaines qui se rapprochaient de se que je voulais un autre problème apparaissait : Auriez vous une idée sur comment contrer ce problème car ma seule idée restante serait de réaliser deux feuilles de style à part afin d'ensuite détecter le naviguateur du client pour enfin inclure la feuille de style correspondante. Mais c'est beaucoup de travail (enfin...) mais surtout tout le monde n'a pas javascript d'ou possibilité d'avoir encore un problème avec la reconnaissance du naviguateur.

Voila en espérant que quelqu'un aura la gentillesse de me répondre, merci d'avance. Je suis également disponible sur MSN (ouaibou_AT_msn.com). Ce qui est peut être mieux pour exposer mon problèmes si certains on le temps de me parler.

Cordialement,
Laurent

Posté : 07 févr. 2005, 15:45
par Cyrano
Salut,
les alignements avec IE ont toujours posés problème quand on fait qqch de correct sous Firefox. Ceci dit, on peut l'ajuster avec une seule feuille de style, en tous cas, j'y arrive toujours.
Le problème pourrait venir du fait que tu aurais défini une hauteur pour les div en float précédent: IE ne semble pas tenir compte des dimensions extérieures du div mais des dimensions extérieures occupées par le contenu des div: Mes explications étant ce qu'elles sont, je te renvoie à une référence largement plus sérieuse que mes bafouillages ;) , ils ont trois tuto sur le positionnement en CSS, en voici déjà 1 :
Openweb

Posté : 07 févr. 2005, 15:51
par Ouaibou
Merci de ta réponse, même si malheureusement j'ai déjà lu ce lien je vais encore me faire un plaisir de le relire en espérant y trouver ma réponse. Oh malheur, oh désespoir qu'est parfois le CSS.

Posté : 07 févr. 2005, 16:19
par rod
Personnellement j'arrive également en général à trouver aussi une solution. Mais sinon au pire une saut de ligne c'est pas très grâve. Et puis de nos jours qui utilise IE :twisted:

Désolé ! cela m'a échapé !

Posté : 07 févr. 2005, 16:31
par Ouaibou
Personnellement j'arrive également en général à trouver aussi une solution. Mais sinon au pire une saut de ligne c'est pas très grâve. Et puis de nos jours qui utilise IE :twisted:

Désolé ! cela m'a échapé !
Euh oui c'est une façon de voir les choses :lol:
Seulement voici un exemple :


Image

En fait l'utilisation d'un div avec la propriété clear engendre un saut de ligne avec ie et non avec firefox.[/img]

Posté : 07 févr. 2005, 16:37
par rod
C'est vrai que le résultat dans ce cas, est pas terrible avec le saut de ligne. Mais bon y a solution à tout ! Mais là je vois pas trop.

Posté : 07 févr. 2005, 16:48
par Cyrano
Vérifie donc en ajustant les margin des contenus et les padding des contenants, ça pourrait beaucoup aider à uniformiser...

Posté : 07 févr. 2005, 21:41
par fab

Posté : 10 févr. 2005, 10:49
par Ouaibou
Merci de vos réponses malheureusement je n'ais trouvé comme solution que d'utiliser un p'tit tableau. Mais bon ça reste toujours valide alors je vais pas m'en plaindre :wink: