RE: [WSG] Clearing a row with floated list li
Thanks very much for that James, I was trying to avoid using the conditional comments - I don't normally use them, but it seems the only way in this case. I've put that in now, so thanks very much for your help. Cheers Paul From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of James Ducker Sent: Saturday, January 31, 2009 1:12 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Clearing a row with floated list li I fixed it in IE7, though that caused the problem that was occuring in IE7 to occur in Firefox. If you don't mind a conditional, problem solved! See it at: http://studioj.net.au/wsg/pcl.html - James On Fri, Jan 30, 2009 at 10:42 PM, Paul Collins p.coll...@twentyfirst.commailto:p.coll...@twentyfirst.com wrote: Thanks for your replies everyone. I'm not explaining the problem well, so I've created a demo page: http://paulcollinslondon.com/temporary/test.html If you take a look at it in IE7 and Firefox, you should be able to see the difference. The first li is taller than the second one, causing the fourth one to float up higher than the third, (in IE only). If I clear the left, it works in Firefox, but in IE the fourth one still floats up. I know I've solved this a while back and I've seen solutions on the internet, but for the life of me I cannot find them again! Any ideas would be most appreciated. Cheers Paul -Original Message- From: li...@webstandardsgroup.orgmailto:li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.orgmailto:li...@webstandardsgroup.org] On Behalf Of Gunlaug Sørtun Sent: Thursday, January 29, 2009 5:54 PM To: wsg@webstandardsgroup.orgmailto:wsg@webstandardsgroup.org Subject: Re: [WSG] Clearing a row with floated list li Paul Collins wrote: I can add a class of clear to every third list item, which is great, but I'm still having troubles in getting them to behave in IE. Has anyone got a solution, or seen on online lately?! Didn't check for the actual case, but it's usually safer to declare 'clear: left' than 'clear: both' when trying to clear left-floats in IE. IE has quite a few 'clear' related bugs, and I think this is one of them. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Clearing a row with floated list li
I fixed it in IE7, though that caused the problem that was occuring in IE7 to occur in Firefox. If you don't mind a conditional, problem solved! See it at: http://studioj.net.au/wsg/pcl.html - James On Fri, Jan 30, 2009 at 10:42 PM, Paul Collins p.coll...@twentyfirst.comwrote: Thanks for your replies everyone. I'm not explaining the problem well, so I've created a demo page: http://paulcollinslondon.com/temporary/test.html If you take a look at it in IE7 and Firefox, you should be able to see the difference. The first li is taller than the second one, causing the fourth one to float up higher than the third, (in IE only). If I clear the left, it works in Firefox, but in IE the fourth one still floats up. I know I've solved this a while back and I've seen solutions on the internet, but for the life of me I cannot find them again! Any ideas would be most appreciated. Cheers Paul -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Gunlaug Sørtun Sent: Thursday, January 29, 2009 5:54 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Clearing a row with floated list li Paul Collins wrote: I can add a class of clear to every third list item, which is great, but I'm still having troubles in getting them to behave in IE. Has anyone got a solution, or seen on online lately?! Didn't check for the actual case, but it's usually safer to declare 'clear: left' than 'clear: both' when trying to clear left-floats in IE. IE has quite a few 'clear' related bugs, and I think this is one of them. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer http://www.studioj.net.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Clearing a row with floated list li
Thanks for your replies everyone. I'm not explaining the problem well, so I've created a demo page: http://paulcollinslondon.com/temporary/test.html If you take a look at it in IE7 and Firefox, you should be able to see the difference. The first li is taller than the second one, causing the fourth one to float up higher than the third, (in IE only). If I clear the left, it works in Firefox, but in IE the fourth one still floats up. I know I've solved this a while back and I've seen solutions on the internet, but for the life of me I cannot find them again! Any ideas would be most appreciated. Cheers Paul -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Gunlaug Sørtun Sent: Thursday, January 29, 2009 5:54 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Clearing a row with floated list li Paul Collins wrote: I can add a class of clear to every third list item, which is great, but I'm still having troubles in getting them to behave in IE. Has anyone got a solution, or seen on online lately?! Didn't check for the actual case, but it's usually safer to declare 'clear: left' than 'clear: both' when trying to clear left-floats in IE. IE has quite a few 'clear' related bugs, and I think this is one of them. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Clearing a row with floated list li
Hi Paul, I want to clear every third list item and start a new row I haven't tested this so I may very well be wrong, but since you have fixed width LIs, if you confine the width of the UL so it only accommodates three LIs will the 4th LI drop to the next line? Respectfully, Mike Cherim http://green-beast.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Clearing a row with floated list li
Paul Collins wrote: I can add a class of clear to every third list item, which is great, but I'm still having troubles in getting them to behave in IE. Has anyone got a solution, or seen on online lately?! Didn't check for the actual case, but it's usually safer to declare 'clear: left' than 'clear: both' when trying to clear left-floats in IE. IE has quite a few 'clear' related bugs, and I think this is one of them. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***