Forums

  • # December 18, 2012 at 8:23 pm

    Hey @Fatbat!

    Sorry the repo has actually moved over to the CSS-Tricks organization – [Equalizer](https://github.com/CSS-Tricks/Equalizer).

    # December 18, 2012 at 11:17 pm

    Hey @mottie :) Thanks so very much for the direction and it’s nice to see it’s still being updated! Good stuff.

    # December 19, 2012 at 12:57 am

    @mottie, well that sure got a whole lot more complex since last I looked at it! The wrapper thing is different, but workable. There is one problem I’m having now though and that is with vertical centering. Using the css tables technique inside one of the equal columns…

    .something-semantic {
    display: table;
    width: 100%;
    }
    .something-else-semantic {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    }

    I don’t think this works anymore because the content inside the equal column is getting wrapped in a span but I’m not completely sure :(

    # December 19, 2012 at 11:01 am

    @mottie, don’t know if you saw this post http://css-tricks.com/forums/discussion/comment/85487#Comment_85487 but I quite like the script that @jurotek and @joshuanhibbert came up with. I have a couple issues with it though. It doesn’t properly resize the columns at a breakpoint other than the one declared in the script and it can’t do multiple independent rows of different heights unless each row has its own class. However, other than those two things, it’s quite light and small, and seems to work quite well with getting the heights set accurately. “.equal” divs can be nested and I can also vertically center content in a row using the method above. What I would love is to figure out the most is how to get it to do multiple rows independent of one another without having to declare separate classes for each row. Any chance you might be able to have a look at it @mottie?

Viewing 4 posts - 16 through 19 (of 19 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag