4 ms·

This still suffers from the rounding error seen here [http://i.imgur.com/DXjVN.png http://i.imgur.com/DXjVN.png]. Otherwise, yup... it's a grid. Looks like the

This still suffers from the rounding error seen here [http://i.imgur.com/DXjVN.png http://i.imgur.com/DXjVN.png]. Otherwise, yup... it's a grid. Looks like they're setting the grid elements to display:inline... which seems weird and unnecessary to me? Block elements don't belong inside inline elements. I hate to keep posting this, but I've been unable to find fault with this grid [https://github.com/stubbornella/oocss/blob/master/core/grid/grids.css https://github.com/stubbornella/oocss/blob/master/core/grid/...] code. .lastUnit spans the pixel gap on the rightmost, nestable, extendable, fluid widths. The two are mostly the same idea, but I think the OOCSS project implements it better and works with more browsers.

JoelSutherland 15y ago
IE6 has a double-margin bug on floated elements which is fixed by display: inline; http://www.positioniseverything.net/explorer/doubled-margin.html http://www.positioniseverything.net/explorer/doubled-margin.... CSS defines style, HTML defines the semantics. The semantics of a div or an h1 don't change if you declare them inline in your CSS. So there is nothing wrong putting inline elements (styled as block) inside block elements. HTML5 blurs this further as you can now wrap pretty much anything with <a>.
vladocar 15y ago
This Framework is mix of my Malo CSS Framework(2008) http://code.google.com/p/malo/ http://code.google.com/p/malo/ & https://github.com/stubbornella/oocss/blob/master/core/grid/grids.css https://github.com/stubbornella/oocss/blob/master/core/grid/... naming system is used. I'm to blame about display:inline in Malo that is actually wrong it should be *display:inline or even better _display:inline to resolve the double margin problem in IE6.
pixeloution 15y ago
The posted grid system is broken in some versions of IE, Opera, and other browsers I'm sure but I don't remember which other ones suffer rounding errors offhand. It amazes me how, with so many existing grids that do it right, someone can write one that's wrong. Or would bother to in the first place. I agree with huckfinnaafb - OOCSS is better implemented if you want a simple grid

JoelSutherland 15y ago

IE6 has a double-margin bug on floated elements which is fixed by display: inline; http://www.positioniseverything.net/explorer/doubled-margin.html http://www.positioniseverything.net/explorer/doubled-margin.... CSS defines style, HTML defines the semantics. The semantics of a div or an h1 don't change if you declare them inline in your CSS. So there is nothing wrong putting inline elements (styled as block) inside block elements. HTML5 blurs this further as you can now wrap pretty much anything with <a>.

vladocar 15y ago

This Framework is mix of my Malo CSS Framework(2008) http://code.google.com/p/malo/ http://code.google.com/p/malo/ & https://github.com/stubbornella/oocss/blob/master/core/grid/grids.css https://github.com/stubbornella/oocss/blob/master/core/grid/... naming system is used. I'm to blame about display:inline in Malo that is actually wrong it should be *display:inline or even better _display:inline to resolve the double margin problem in IE6.

pixeloution 15y ago

The posted grid system is broken in some versions of IE, Opera, and other browsers I'm sure but I don't remember which other ones suffer rounding errors offhand. It amazes me how, with so many existing grids that do it right, someone can write one that's wrong. Or would bother to in the first place. I agree with huckfinnaafb - OOCSS is better implemented if you want a simple grid