Re: [PHP] IE6 & PHP
elk dolk wrote: 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; } and the HTML : 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 - Ahhh...imagining that irresistible "new car" smell? Check outnew cars at Yahoo! Autos. try adding clear: left; to that css bit div.float { clear: left; float: left; } This should make the top of all images, on each row, the same -- Enjoy, Jim Lucas Different eyes see different things. Different hearts beat on different strings. But there are times for you and me when all such things agree. - Rush -- PHP General Mailing List (http://www.php.net/) To unsubscribe, visit: http://www.php.net/unsub.php
Re: [PHP] IE6 & PHP
On Fri, April 13, 2007 9:15 am, elk dolk wrote: > 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; > } > and the HTML : > > 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: > [] [] [] [] > [] [] > [] [] > [] > [] [] [] There's no PHP here... But it seems to me that if you actually are doing a grid layout, maybe a TABLE *is* the right HTML to use... Or use CSS to style it as if it were a table, if you're so anti-table that you can't use a table tag. -- Some people have a "gift" link here. Know what I want? I want you to buy a CD from some indie artist. http://cdbaby.com/browse/from/lynch Yeah, I get a buck. So? -- PHP General Mailing List (http://www.php.net/) To unsubscribe, visit: http://www.php.net/unsub.php
RE: [PHP] IE6 & PHP
Oh and if it really is a pure css problem try a css list ;) > -Message d'origine- > De : elk dolk [mailto:[EMAIL PROTECTED] > Envoyé : vendredi 13 avril 2007 16:16 > À : [EMAIL PROTECTED] > Objet : [PHP] 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; > } > and the HTML : > > 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 > > - > Ahhh...imagining that irresistible "new car" smell? > Check outnew cars at Yahoo! Autos. -- PHP General Mailing List (http://www.php.net/) To unsubscribe, visit: http://www.php.net/unsub.php
RE: [PHP] IE6 & PHP
> -Message d'origine- > De : elk dolk [mailto:[EMAIL PROTECTED] > Envoyé : vendredi 13 avril 2007 16:16 > À : [EMAIL PROTECTED] > Objet : [PHP] 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 : > > 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
Re: [PHP] IE6 & PHP
elk dolk wrote: 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: [snip] please comment This is absolutely nothing to do with PHP. You'd be better off posting to a CSS list. Cheers, Rich -- Zend Certified Engineer http://www.corephp.co.uk "Never trust a computer you can't throw out of a window" -- PHP General Mailing List (http://www.php.net/) To unsubscribe, visit: http://www.php.net/unsub.php