PHPfrance

la communauté d'entraide francophone dédiée au PHP

ecart suite à un clear sous firefox

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : ecart suite à un clear sous firefox

par Lord Nogard » 12 déc. 2007, 19:36

Bonjour saebakun,

même en faisant preuve de bonne volonté, je pense, je n'ai pas compris ce que tu cherchais à obtenir :(

Tu veux obtenir le même affichage sous les 2 navigateurs que tu cites, ça ok.
Tu expliques ensuites que tu as "un petit ecart en dessous de la div 2" et que "IE ne colle pas bien en bas de page ma div 2 "... Moi je veux bien, mais avec le code que tu donnes, ce "petit écart" dépend beaucoup de la hauteur de ton logo, dont tu ne fournis aucune dimension. Ca ne nous aide pas beaucoup.
Ensuite dans le code que tu fournis dans ton 1er message, ta div 2 est 'clear:right', alors que dans ton explication suivante, elle est devenue 'clear:both'.

En résumé, tu veux obtenir quoi exactement ? Un espace entre les 2 div ou pas ?
Une dernière chose qui pourrait peut-être nous aider : quel est le Doctype de ton document ?

PS : et si c'est un "problème connu", n'as-tu pas trouvé de solution ?

par saebakun » 12 déc. 2007, 17:20

En fait le problème vient du fait que IE ne colle pas bien en bas de page ma div 2 qui est clear both....

En fait il colle la div direct en dessous de celle du dessus la plus proche au lieu de bien la mettre en bas de page :/

C'est connu ce problème.

PS: je voulais dire que je n'appellais pas de css dans mes entêtes ;)

par Berzemus » 12 déc. 2007, 16:55

pas de css ? et c'est quoi tout ce qui se trouve dans le style alors ?

FF à un comportement tout à fait normal. Des float right qui se suivent, le tout avec un clear right derrière, c'est trop.

Un simple float:left sur le div1, avec aucun float ni clear sur le 2, et ça devrait donner quelque chôse.

ecart suite à un clear sous firefox

par saebakun » 12 déc. 2007, 16:40

Bonjour j'ai ce code là:

Code : Tout sélectionner

<div id="container" style="float: right; width: 180px; background-color:blue;height: 80px;"> <div id="1" style="float: right;"><img src="images/logo.jpg" style="padding:0; margin:0;" /></img></div> <div id="2" style="width: 170px; float:right; clear: right; background-color:#00AAE8; color: white;"><p style="padding:0; margin:0;">TEXT TEST</p></div> </div>

Sous IE les deux div 1 et 2 se suivent et j'ai un petit ecart en dessous de la div 2.

Mais sous firefox il colle la div 2 en bas de la div container et créé un ecart entre les deux div 1 et 2.

Pour le moment pas de css derrière tout est tapé direct en ligne.

Comment faire un réglage pour avoir le même résultat sur mes exploreur (peut pas faire autrement ça doit marcher sur les deux... sinon IE je lui dirais bien....)