crocodillon / justifygrid Goto Github PK

When customizing with the 'Support old IE' option there is a problem with the generated css, it shows like this:

.lt-ie8 .grid {
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("span") ).style.fontSize="0");
}

thx for this interesting approach...i've suggested this as an alternative grid mechanism for the yahoo! Pure css framework ( http://purecss.io/ )

Hey, I found this sentence：

zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("span") ).style.fontSize="0");

but I tested that, just set zoom:1 is ok, the elems can auto justify.

And the css expression will insert many "span" node.

May be I lose something?

I'm interested in this technique, but I can't seem to get the blocks to be left aligned when there is a strange number of them.

I just added 2 image elements to your demo and this is the result:

Do you happen to know how to fix this?

JustifyGrid looks awesome!
question: Is there a way to deal with heights and vertical centering using it without resorting to javascript?
here is my problem:
http://jsbin.com/udevav/1/edit

I've been using a similar justified grid of inline-blocks for my last several layouts as well. A great flexible responsive solution. Most of my layouts were built in Stylus, with the last couple in standards-compliant Myth CSS.

Anyone interested in a port of the JustifyGrid into these CSS offshoots?

Hi,

I'm using this framework all the time and it's great, but I have to ask - shouldn't :after pseudoelement have display: block instead of display: inline-block style? Because now every container extending grid class leaving some space due to font-size issue.

Maybe I'm missing something, but display: block or inline resolving this problem.

Anyway great work, keep it up!

Hey,

I noticed that if you have for e.g. 12 span-2 elements in a 12 column grid it can happen that you get 7 elements in a row. This happens when the combined space between 6 of those elements (1 row) are equal to about the size of 1 element (it fits).

So this way you get 7 span 2 elements (14 units in a 12 unit grid) in one row. Is there any way of dealing with this issue.

I use the grid responsively so I can not just add a padding or something.