Hallo! I have a problem with the positioning of images in div. I have an big image which goes from text (Image and text wrapping) and no problems here : <div> <div id="image"><img src="image.jpg" style="float:left;"></div> some text around image here ... </div> HTML: But I want to have small images below the big image and to retain the upper design <div> <div id="image"><img src="image.jpg" style="float:left;"> <div class="thumbs"> <img src="thumb_img1"> <img src="thumb_img2"> <img src="thumb_img3"> </div> </div> some text around image here ... </div> HTML: Does anyone know what trick I use with CSS? Thanx!
Man, you'll have to draw what you want. Your current code is working on luck right now. In the first example you've put the image in a div. Normally a div would force a newline and text would not wrap, except that you didn't enclose your float and the div collapsed its height to nothing, allowing the text to ride up alongside the image (not sure if you put that text inside a tag or left its underwear hangin out in the real page). In IE, if that wrapping div ever accidentally got a height or a width or some other haslayout trigger on it, it would have enclosed the float and pushed anything coming later down below the image. Lucky you that you didn't yet (there's a different way of making text wrap a float and you don't need a wrapping div to make it work) I can take a guess of what you want, you can say if it's right: BIIIIIIIIG IMAAAAAAAGE Some text text text some text BIIIIIIIIG IMAAAAAAAGE and more text more text more text thumb thumb thumbzzz and more text sitting alongside all images and finally wrapping underneath if long enough Is that how you want it (yeah I can't ascii very well in forums, I sux)?