I recently experienced a very similar problem with both IE6 and IE7 for a site that I am currently working on: www findmeatradesperson dot com
It works fine in FF/Safari but in IE when I hovered over a menu item half of the page would disappear. I figured out that wrapping the main menu and breadcrumb rows in a span-24 fixed the problem. Very similar to the above where it seems the child elements inherit the float from some other element (possibly the menu li?). Or are you suggesting to wrap each of these elements with the .container class? Not sure this is 100% the same issue but I can recreate this on this site quite easily if you like. Cheers, Adam On Jun 26, 1:55 am, Christian Montoya <[email protected]> wrote: > On Thu, Jun 25, 2009 at 8:40 PM, Newby<[email protected]> wrote: > > > Thanks for your response Gareth. > > > Just to close this thread with a solution, I had a friend look at this > > page with a 30" monitor and here is her screenshot > >http://screencast.com/t/dBsdLRrsw > > > I figured out what is going on. Because the blueprint layout forces a > > "float:left" for each div using a SPAN class there needs to be a > > constraining <div> parent with a width of "span-24" or in this case > > 950px otherwise the child divs continue to float left. My monitor has > > a max resolution of 1280 by 1024 so it is small enough that the > > children <divs> stack on top of one another. > > But, um, isn't this the whole point of .container? > > -- > -- > Christian Montoya > mappdev.com :: christianmontoya.net --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en -~----------~----~----~----~------~----~------~--~---
