ie6 screenshots at breakpoints - http://fluidbaselinegrid.com

[krisbulman]

http://fluidbaselinegrid.com/ ie6 tests:

320px

• bullet points on menu items

https://skitch.com/krisbulman/fhsbr/fluidbaseline-ie6-320px

480px

• bullet points on menu items https://skitch.com/krisbulman/fhsdh/ie6-fluidbaselinegrid-480px

  600px

• looks ok https://skitch.com/krisbulman/fhsr7/ie6-fluidebaselinegrid-600px

  768px

• everything single column to left of page, nav menu floats to right https://skitch.com/krisbulman/fhsgf/ie6-fluidbaselinegrid-768px

  1024px

• 2 column layout to left of page, menu on right https://skitch.com/krisbulman/fhs8e/ie6-fluidbaselinegrid-1024px

  1280px

• 2 column layout to left of page, menu spacing changes as it should https://skitch.com/krisbulman/fhsem/ie6-fluidbaselinegrid-1280px

  1400px

• 2 column layout to left of page, grid size and font size changes as it should https://skitch.com/krisbulman/fhse5/ie6-fluidbaselinegrid-1400px

[thedayhascome]

Thanks for the IE6 testing and screenshots. As we are all aware that floats are fragile, especially with IE6 and its slew of float-related bugs, it appears to be a Pushdown or Double Margin Bug with the column becoming too wide. I have also noticed some other float bugs in Chrome and Firefox with different, which I'm creating another separate issue. Most likely will need to address self clearing floats.

I'll review and update these IE6 bugs accordingly.