Soucis avec CSS

Bonjour el_loco,

J'ai du mal a voir ton soucis, ca ne me dit rien comme comportement. Aurais-tu un exemple ? Une page en ligne peut être ? Sinon colle un bout de code qui pose problème dans un fiddle

JENCAL a écrit :
T'embête plus avec les float right/left, utilise les flexboxs !!

pour

el_loco a écrit :
positionner des images à droite ou a gauche d'un long texte.

?

Bonjour,

Blink (le moteur de rendu de Chrome et d'Opera) a pas mal d'optimisations un peu trop fortes qui pourraient expliquer cela mais sur de simples images flottantes ce serait assez étonnant !

Zoomer / dézoomer le force à recalculer la position des éléments ("repaint") et pouf magie tout se remet en place...

Pour mieux cerner :
- est-ce que les styles du reste de la page sont bien complexes ? transformations et animations en particulier
- Y a-t-il de l'AJAX ou du lazyloading ? Si oui sur quoi ?
- les attributs width et height des images sont-ils précisés ? <img width="400" height="300" alt="" src="etc"> Si tu les ajoutes, est-ce que ça résoud le problème ?
- les propriétés width et height le sont-elles dans la CSS ?
- est-ce que ce sont des images de taille (poids) raisonnable ? 10 ou 100 ko, pas 500... Est-ce qu'elles s'affichent à leur taille native ou bien c'est une photo de 14 megapixels affichée en miniature de 40x30px ?
- sur quelle connexion testes-tu ? Fibre, ADSL au taquet, ADSL de bout de ligne, proxy d'entreprise pourri, WiFi public faiblard, 56k ? Et le serveur, rapide ou poussif ? (je demande pour savoir combien de temps le navigateur attend les images...) Saurais-tu interpréter http://webpagetest.org ?

Damned, je viens juste de voir ta réponse (mea culpa)... Je n'ai toujours pas réglé mon soucis... ou plutot il avait disparu seul et est revenu de meme...

Pour répondre à tes questions:
- je n'ai pas de css complexe anim ou autre (j'utilise juste lightbox pour "ouvrir" les images en plus grand.
- je n'ai pas d'Ajax (ou alors à l'insu de mon plein grès s'il y en a dans lightbox)
- les width sont précisés dans le html, pas dans le css (je les ai mis dans le css et ca ne change rien au probleme)
- les images font autour de 400k... j'ai tenté de rétrécir mais meme soucis...


Ce que je trouve étrange c'est le fait que zoom / dezoom remet les choses d'aplomb... comme si le texte s'affichait par dessus le temps que les images se rechargent et une fois chargé, elle reste derrière...

Je patauge dans la semoule, snif...