paragraphes + float differents sous IE et Firefox

paragraphes + float differents sous IE et Firefox - HTML/CSS - Programmation

Marsh Posté le 01-06-2006 à 13:17:10    

bonjour,
alors j'ai un petit soucis avec mes positionnements en float:
comment faire pour que les vignettes restent dans le paragraphe?  
 
si je mets ma vignette en float:left par exemple, et que le texte prend moins de hauteur que la vignette, elle s'enfonce dans le texte en dessous. (j'ai mis une impression d'écran plus bas).
Au passage, ça fonctionne sous IE mais pas sous firefox

Code :
  1. <p>
  2. <img src="images/abutilon-h.jpg" alt="abutilon" class="img_especes_gauche" />
  3. <span class="nom">Abutilon hybridum</span> (érable florifère) résulte comme son nom l'indique du croisement de plusieurs espèces. Certaines variétés atteignent 1,50 m en hauteur comme en largeur et fleurissent très jeunes. Les fleurs, de 5 cm de diamètre, campanulées et tombantes, ont 5 pétales et un calice vert pâle de 2,5 cm. Parmi les variétés les plus connues, on trouve Boule de Neige à fleurs blanches et étamines oranges, Golden Fleece et Canary Bird à fleurs jaunes, Master Hugh à fleurs roses, Ashford Red et Nobob à fleurs rouge foncé, Orange Glow à fleurs jaune orangé.
  4. </p>
  5. <p>
  6. <img src="images/abutilon-m.jpg" alt="abutilon" class="img_especes_droite" />
  7. <span class="nom">Abutilon megapotamicum</span> arbuste à tiges minces et rampantes. Ses feuilles dentées mesurent de 5 à 10 cm et ses fleurs jaunes, qui abritent de grandes enthères brunes, sont en partie cachées par un long calice rouge. A. m. Variegata se distingue de l'espèce par ses feuilles tachetées de jaune.
  8. </p>
  9. <p>
  10. <img src="images/abutilon.jpg" alt="abutilon" class="img_especes_gauche" />
  11. <span class="nom">Abutilon pictum</span> (autrefois, Abutilon striatum) : surtout représenté par A. p. Thompsonii. Ses feuilles sont vert foncé richement marbrée de jaune. Ces marbrures sont en fait imputables à un virus inoffensif qui se transmet souvent par greffe. Ses feuilles, longues de 7 à 15 cm et presque autant de large, présentant de 3 à 5 lobes. Les fleurs saumon peuvent atteindre 5 cm et sont veinées de rouge et contenues dans un petit calice vert pâle. A. p. Pleniflorum a un feuillage vert tantôt uni, tantôt panaché.
  12. </p>


 
 
(IE) bon résultat:
http://www.bibop.info/images/bonexemple.jpg
(firefox) mauvais résultat:
http://www.bibop.info/images/mauvaisexemple.jpg
 
comment rectifier le tir?    :??:  
 

Reply

Marsh Posté le 01-06-2006 à 13:17:10   

Reply

Marsh Posté le 01-06-2006 à 13:29:00    

il faudrait utiliser un clear dans tes paragraphes
 
p {clear:both}
 
(enfin je crois :sweat: )

Reply

Marsh Posté le 01-06-2006 à 13:36:30    

ça fonctionne, mais le bas du premier paragraphe descend jusqu'en bas de la photo des pubs de mon menu de gauche (voir www.bibop.info )
il doit bien exister une astuce plus simple pour parvenir au meme résultat que sur IE ?


Message édité par papanoramix le 01-06-2006 à 13:40:44
Reply

Marsh Posté le 01-06-2006 à 13:58:14    

c est la meme chose sur ie :/

Reply

Marsh Posté le 01-06-2006 à 15:25:00    

non ce n'est pas vraiment la meme chose: l'impression d'écran du bas est sur firefox et celle du haut sur IE avec la meme page...

Reply

Marsh Posté le 01-06-2006 à 15:58:30    

je m en fous de tes screens ...tu viens de changer le code
tu me dis "le bas du premier paragraphe descend jusqu'en bas de la photo des pubs de mon menu de gauche"
c est pareil sur ie

Reply

Marsh Posté le 01-06-2006 à 16:22:59    

poua quelle amabilité !
si ça te fais plaisir: oui c'est la meme chose sur IE que firefox quand on met un clear:both sur les paragraphes.
 
Mais c'est pas ça qui m'interesse.
Ce qui m'interesse c'est d'avoir la meme chose sur les navigateurs et clear:both ça ne fonctionne pas.
 
Donc qui a une autre solution ?

Reply

Marsh Posté le 01-06-2006 à 17:03:36    

papanoramix a écrit :

poua quelle amabilité !


 
 
pouah va te faire foutre moi je sais me debrouiller tout seul imbecile  :hello:  

Reply

Marsh Posté le 01-06-2006 à 17:07:25    

c'est ça, va jouer avec ton pouce.
 
Sinon ya quelqu'un qui a déjà eu ce probleme ? ça doit etre courrant je pense.

Reply

Marsh Posté le 01-06-2006 à 17:40:39    

papanoramix a écrit :

c'est ça, va jouer avec ton pouce.
 
Sinon ya quelqu'un qui a déjà eu ce probleme ? ça doit etre courrant je pense.


 
mais t es navrant mec :/
 
http://membres.lycos.fr/metaltrade/temp/Sans%20titre23.png
 
c est pas ie ca ?
ca depasse pas en dessous ?
y a un clear dans tes p ?
 
j espere qu on s est compris
 
sur ton screen ca marche juste parce que le texte n est pas assez long ...
 
reflechir n est pas une option
 
donc mon pouce je joue avec et je te le met bien dtc  
je t aime

Reply

Marsh Posté le 01-06-2006 à 17:40:39   

Reply

Marsh Posté le 01-06-2006 à 18:00:44    

on s'est bien compris, je n'ai pas uploadé mon css avec le clear puisque ça ne fonctionne pas.
j'ai donné l'adresse du site pour que vous puissiez voir juqu'où ça descendait.
 
Enfin bref, je ne pense pas que ça va se résoudre avec du clear:both.

Reply

Marsh Posté le 01-06-2006 à 18:13:25    

ben si avec clear both t avais la meme apparence sous ie et ff ...
ce qui etait ta question
 
maintenant si tu trouves que finalement c est pas bien c est pas la faute au clear:both mais de ton code  
et c est une autre question
 
donc  
1) apprends a poser des questions clairement
2) teste mieux tes pages avant de tomber dans des cas particuliers
 
ah j allais oublier
3) on ne nourrit mord (oops :d) pas la main qui nous nourrit
(la aussi il y a des cas particuliers et en plus t as l air d etre friand de la chose :/ )


Message édité par mIRROR le 01-06-2006 à 18:14:14
Reply

Marsh Posté le 01-06-2006 à 20:39:26    

t'es pas qu'a moitié lourd toi !
c'est intelligent de dire que faut utiliser un clear both parce que ça donne la meme chose sous ff et ie ! pourquoi pas utiliser un formulaire si on obtient le meme résultat pour les deux navigateurs ?!
 
alors merci, mais tu me laches la grappe si t'as rien de mieu a proposer Monsieur Grand Maitre.
 
pour infos: le screen dont tu me rabats les oreilles depuis le début.
http://www.bibop.info/images/Sans-titre-1.jpg
 
Donc avec mon code c'est a dire une image dans un paragraphe, comment faire pour que le paragraphe est au minimum la hauteur de l'image ?

Reply

Marsh Posté le 01-06-2006 à 23:06:40    

Citation :

comment faire pour que les vignettes restent dans le paragraphe?  


cette question j y ai repondu
et ma reponse etait tout a fait pertinente  
 
t as decouvert en route que TON code ne faisait pas exactement ce que tu voulais je suis désolé mais j'assumerai pas a ta place
sur ie ca te SEMBLE convenir mais ce n est pas le cas
mon screen te prouve le contraire
 
si t arrives pas a l imprimer dans ta petite tete étriquée je peux rien faire pour toi [:spamafote]
 

Citation :

Donc avec mon code c'est a dire une image dans un paragraphe, comment faire pour que le paragraphe est ait [:aloy] au minimum la hauteur de l'image ?


 
paf meme reponse : clear
 
et enfin oui
tout cela fait de moi ton grand maitre
mais je n ai que faire d un eleve si peu doué et surtout aussi borné

Reply

Marsh Posté le 02-06-2006 à 11:18:50    

mais t'es con ou quoi ? sur ton sreen ya pas les clear !
avec ton clear ça donne ce qu'il y a sur mon sreen. Alors lache l'affaire, c'est pas ça c'est pas ça. Mon code est bon.  
 
ça me soule de répondre a des types comme toi, puisqu'on est obligé de se rabaisser a l'age de 12 ans pour te parler.
Le mec il se prend pour un maitre, mais il n'a aucune référence. Alors va faire un site sur les patés de sable et reviens dans quelques années quand t'auras appris a discuter.
 
Merci

Reply

Marsh Posté le 11-06-2006 à 04:28:20    

juste pour rire ca va t as reussi a te debrouiller ?
 
on dirait que finalement tu t es décidé a changer ton code tout pourri
c est toujours aussi laid mais au moins ca prouve que tu assumes tes erreurs  
mon screen ?  
si c est avec les clears
 
moi j ai pas besoin d apprendre a discuter c est toi qui as un probleme ;)
 
en tout ca me fait marrer que tu aies changé ton code ca prouve bien que t es qu un gros connard  
au plaisir petit con =)
 
(meme pas gros oh non tu merites pas)
 
mais c est vraiment dommage  
quand je pense que si tu avais été juste un peu moins stupide j aurais pu t aider a garder ton "design" originel
(moi ou un autre remarque)
 
en tout cas je reste ton maitre
et en ce qui concerne mes references mon gars t es a deux mille lieues de savoir qui je suis
et en ce qui me concerne il suffit de jeter un oeil a ton site pour voir qui tu n es pas
 
allez bon courage la vie ne doit pas etre facile pour toi
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed