Hi Adam. That's an idea. I tried adding display:inline to the list item, but that removes the bullet. I forgot to mention that earlier. Ted
-----Original Message----- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Adam Burmister (DSL AK) Sent: Monday, July 10, 2006 4:33 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] list items floating around a floated element I think you're right. FF is rendering it correctly, as the LI and IMG block-elements are jutting up to each other. The easiest way I can think of solving it would be to place the image within the LI. - Adam -----Original Message----- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Ted Drake Sent: Tuesday, 11 July 2006 11:14 a.m. To: wsg@webstandardsgroup.org Subject: [WSG] list items floating around a floated element HI All I'm drawing a blank on this today. We have a blog post with some ugly tag soup, courtesy of an inpage editor. So, ignore the font tags. I've already stripped it down to the bare essence to check on the behavior and I've got a question about fundamental block/float performance. Here's the issue: http://tech.yahoo.com/blogs/null/870 We have a photograph that floats to the right. It sits in a paragraph. Following this paragraph is an unordered list. The first list item hits the image and constrains its width to the space between the left side of the main container and the edge of the image in Firefox. In IE6, the text of the list item continues to flow around the image. I'm sitting here thinking that firefox is doing it correctly, although frustratingly so. The list item is a block level element and contains all of the space it can. Upon hitting the image, it assumes that it can only be 250px wide instead of 450px. So, it renders all of the content in that list item as 250px. The next list item spans the entire container, as it doesn't have to worry about the image. I don't want to make a style for this particular post or list item. I need to set it to work with all possibilities. Has anyone come across this and figured out a way to force the list item text to flow around the image? For what it's worth, I'm going to re-code the post and manually update it. I'm going to switch to h4/paragraphs instead. Although I'm also tempted to go with a dl as well. But that is not the point of this email. I'm curious about any list item that needs to flow around a previously floated image. Thanks Ted Drake Front-end Engineer Yahoo! Tech ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** -- Internal Virus Database is out-of-date. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.8.0/353 - Release Date: 31/05/2006 -- Internal Virus Database is out-of-date. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.8.0/353 - Release Date: 31/05/2006 ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
