On Thu, May 30, 2013 at 3:02 PM, Christopher Akins <tipper...@gmail.com> wrote: > I'm almost embarrassed to admit I don't know why this is happening since > I've worked with CSS for a number of years now. I don't claim to be a CSS > master, though! :-) > > On this page: > > www.springfieldmo.gov/logos/ > > I have several floated <li> items that look fine until the page is made > narrower. Then I want the floats to fall nicely to the next line and slide > all the way to the left, but they get "stuck" and won't slide all the way > over to the left until the page is pulled way in to be at it's minimum > width. > > I have a similar structure on a couple other pages, with similar results, > and I've never been able to quite figure out what the issue is. I would > guess it has something to do with conflicting heights on the elements or > something. But I can't just put a "clear" rule on the floats, cause that > would kill the float, right? I basically want something like a clearing > element to kick in ONLY when the float needs to fall to the next row. > > Does that make sense? > > Christopher Akins > City of Springfield, MO > ________________________________________________________
The green Enviromental Services logo is taller than the others. The li's enclosing the images aren't wrapping the images (according to Chrome inspector). WHen the last one wraps, it is stopped by the taller image. I was able to get what you are after by adding a height to the LIs so they are all the same. Probably other ways to achieve this. HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
