> -----Message d'origine----- > De : elk dolk [mailto:elkdolk@xxxxxxxxx] > Envoyé : vendredi 13 avril 2007 16:16 > À : php-general@xxxxxxxxxxxxx > Objet : IE6 & PHP > > Hi all, > I have a bunch of thumbnail images that link to larger > versions of the images and want to line them up in rows > across the screen , using CSS I put them into a separate DIV. > To get them to line up horizontally across the window I use > CSS to FLOAT each DIV to the left, CSS looks like this: > div.float { > float: left; > } First off i wouldnt give a class name "float" rather "my_float", i don't know for sure if its a conflict but i always assume it may be and avoid it.. > and the HTML : > <div class="float"><img src"image.jpg".../><br /></div> > Firefox and Netscape show the thumbnails in rows like this: > > [] [] [] [] > [] [] [] [] > [] [] [] [] > > but in IE6 there is a problem , the first row is O.K. but the > second ant the third rows are not O.K. it looks like this: > [] [] [] [] > [] [] > [] [] > [] > [] [] [] > > please comment Have you tried adding borders to that div ie: border: 1px solid black; To actually see what the div's are doing, that is the basic "debugging" method i uses on all my divs when i can't get something to fit (beware of the border adding 1px on all sides if you are using fixed size div's). Second i found that by "floating" all sub-elements of a float element you will end up tearing less hair out then you would by mixing non float elements with float elements, try giving that img a float:left style and see what happens... Also what is that br doing there? Could you give more code onhow you are generating this thumbnail table? Regards, Tim Funny, you mentionned you css problem in the middle of a css shitstorm here :P -- PHP General Mailing List (http://www.php.net/) To unsubscribe, visit: http://www.php.net/unsub.php
