search

cobyism / gridism

A simple responsive CSS grid.
http://pages.cobyism.com/gridism
MIT License
658 stars 85 forks source link

bug ie float #13

Closed lgm243 closed 11 years ago

lgm243 commented 11 years ago

i'm french sorry for my english I use your css grid responsive i have a bug with ie 9 and 10 but not ie 8.

the element with class grid unid have no float left automatically How adjust this bug ?

Thanks

cobyism commented 11 years ago

@lgm243 Thanks for opening the issue. Any .unit element within a .grid container should be floated left by default (see code here), but other than that, you might need to make sure you’re specifying width classes for each .unit element too?

Can you show me a code example (or even better, the URL where you’re using it) to illustrate the problem?

lgm243 commented 11 years ago

http://pancracesystem.free.fr/

cobyism commented 11 years ago

I’ve just looked at that site in IE9 and IE10, and structurally it looks identical to how the floats work in Chrome. Can you maybe send me a screenshot showing what you expect to see, compared with the problem you are actually seeing?

lgm243 commented 11 years ago

thanks for your reply i 'm going to remake the website with the grid original because i had transform this grid if in class .grid .unit i put padding -> {float: left;width: 100%;padding: 5px 10px;} float doesn't work i must take back padding

http://pancracesystem.free.fr/

cobyism commented 11 years ago

If adding padding is affecting the width and causing the floats to no longer sit beside each other, then you might be using a different box model? I’m going to close this issue for now, but if you can show me screenshots of expected behaviour compared with the actual incorrect behaviour you’re seeing in IE9 and IE10, then I’ll do my best to help you further :smile: Best of luck!