Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1664 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  paragraphes + float differents sous IE et Firefox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

paragraphes + float differents sous IE et Firefox

n°1378788
papanorami​x
Posté le 01-06-2006 à 13:17:10  profilanswer
 

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?    :??:  
 

mood
Publicité
Posté le 01-06-2006 à 13:17:10  profilanswer
 

n°1378798
mIRROR
Chevreuillobolchévik
Posté le 01-06-2006 à 13:29:00  profilanswer
 

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

n°1378809
papanorami​x
Posté le 01-06-2006 à 13:36:30  profilanswer
 

ç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
n°1378838
mIRROR
Chevreuillobolchévik
Posté le 01-06-2006 à 13:58:14  profilanswer
 

c est la meme chose sur ie :/

n°1378990
papanorami​x
Posté le 01-06-2006 à 15:25:00  profilanswer
 

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...

n°1379048
mIRROR
Chevreuillobolchévik
Posté le 01-06-2006 à 15:58:30  profilanswer
 

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

n°1379076
papanorami​x
Posté le 01-06-2006 à 16:22:59  profilanswer
 

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 ?

n°1379126
mIRROR
Chevreuillobolchévik
Posté le 01-06-2006 à 17:03:36  profilanswer
 

papanoramix a écrit :

poua quelle amabilité !


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

n°1379129
papanorami​x
Posté le 01-06-2006 à 17:07:25  profilanswer
 

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.

n°1379170
mIRROR
Chevreuillobolchévik
Posté le 01-06-2006 à 17:40:39  profilanswer
 

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

mood
Publicité
Posté le 01-06-2006 à 17:40:39  profilanswer
 

n°1379188
papanorami​x
Posté le 01-06-2006 à 18:00:44  profilanswer
 

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.

n°1379202
mIRROR
Chevreuillobolchévik
Posté le 01-06-2006 à 18:13:25  profilanswer
 

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
n°1379281
papanorami​x
Posté le 01-06-2006 à 20:39:26  profilanswer
 

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 ?

n°1379367
mIRROR
Chevreuillobolchévik
Posté le 01-06-2006 à 23:06:40  profilanswer
 

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é

n°1379653
papanorami​x
Posté le 02-06-2006 à 11:18:50  profilanswer
 

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

n°1385328
mIRROR
Chevreuillobolchévik
Posté le 11-06-2006 à 04:28:20  profilanswer
 

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
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  paragraphes + float differents sous IE et Firefox

 

Sujets relatifs
position:absolute firefox{Résolu}Comparer deux colonnes dans deux fichiers différents
probleme compatibilité firefox et explorercss et firefox
[JS/DOM] Bug sous IE, l'image se s'affiche pas ! [RESOLU]Codage Wave / Float
Problème de récupération valeur d'un select en javascript avec firefoxProblèmes de variables communes à différents Threads
[CSS] Annuler un float...où trouver un schéma de l'arbre DOM pour Firefox et pour IE?
Plus de sujets relatifs à : paragraphes + float differents sous IE et Firefox


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR