2010-07-15 3 views
3

J'ai flotté 3 images en divs au milieu d'une longue section de texte. Je veux les faire flotter afin que le site garde son design 'liquide', s'adaptant à n'importe quelle fenêtre de navigateur. Mais si le texte commence à s'enrouler à gauche d'eux sur de larges fenêtres, c'est mauvais. Je voudrais qu'ils flotter, mais toujours être en mesure d'effacer le texte autour d'eux afin qu'ils ressemblent à un élément de bloc. Comment puis je faire ça? Je pensais peut-être coller dans un div 100% juste après les divs de l'image, c'est 1px haut et rempli d'un img 1px qui est juste la couleur de fond. Ça marchera? D'autres solutions?Comment arrêter l'enroulement de texte autour de certaines divs flottantes?

http://www.briligg.com/frailty.html Les images en question sont celles au début de la section «la cause de l'addiction est le stress». Ligne 134 à 146, référence la feuille de style interne.

Répondre

5

Mettez une clear: left sur votre section de texte en suivant les images.

Cela semble être votre div avec la classe text mais je ne sais pas si vous souhaitez appliquer universellement le clear à tous les div avec cette classe.

+0

mais pour une raison quelconque, la troisième image ignore la marge gauche du parent div.text lorsque je rétrécis la fenêtre ... euh, voyez-vous pourquoi? –

+0

Vous ne savez pas exactement ce que vous entendez par "ignore la marge de gauche". Le 'div.text' n'est pas le parent de l'image flottante finale basée sur mon analyse de votre page. Il semble que vous fermez votre 'div' autour des deux premières images, mais raté le troisième. – ScottS

Questions connexes