Fatbat
-
Boxes of equal height
@Mottie, I don't know why my Fiddle isn't working, but it works perfectly on my test site. I've not had any problems with the older version of Equalizer, it even equalizes divs more than one layer below the outer wrapper which is bett…
-
Boxes of equal height
Hey @Mottie. Sorry, got busy with other things and only just getting back to this now. Your demo divs grows taller when the viewport is shrunk but don't get shorter when the viewport is made bigger again.
-
Boxes of equal height
@Mottie: I much prefer the following for vertical centering... .vertical-center-wrapper { display: table; width: 100%; } .vertical-center { display: table-cell; vertical-align: middle; } ...it's lighter and pixel per…
-
Boxes of equal height
Breakpoint @Mottie? Now I'm confused :) The only thing the Equalizer plugin doesn't allow for, the one in the CSS-Tricks repo, is vertical centering. Otherwise it's perfect. It's the one here that has issues with breakpoints.
-
Boxes of equal height
@Mottie, the centering (either the way you described it above or using the css table/table cell method which I prefer because it's pixel perfect) works fine with the version the guys here have come up with, but it doesn't work with the Equ…
-
Problem with Equal Height Blocks in Rows
@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 prop…
-
Boxes of equal height
Thanks @joshuanhibbert. Understood, and thanks for the reply!
-
Boxes of equal height
@joshuanhibbert any ideas on how to make it work with multiple independent rows without having to apply a different class to each row? BTW, the Equalizer repository moved here... https://github.com/CSS-Tricks/Equalizer
-
Problem with Equal Height Blocks in Rows
@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 …
-
Problem with Equal Height Blocks in Rows
Hey @Mottie :) Thanks so very much for the direction and it's nice to see it's still being updated! Good stuff.
-
Boxes of equal height
@jurotek, yes, that would probably work, but it shouldn't be necessary and it makes the script a whole lot less flexible and versatile if you need to continuously add additional classes every time you want to add a new row of equal height conte…
-
Boxes of equal height
OK, I was having issues with float clearing, it's working better for me now. How can we apply this to two different rows of columns on the same page though? I have a row of content with two columns in it like Jurotek's last example, but I …
-
Problem with Equal Height Blocks in Rows
Nothing about my last post had anything to do with IE6 or 7, but I'm going to guess you didn't get past the first post from a year and a half ago before telling me what you think about legacy browser support. I actually want to know how we…
-
Problem with Equal Height Blocks in Rows
Hey Mottie. You still around? Have you done anything with this script to make it responsive? I've tried messing about with (window)resize a bit with it but haven't had a lot of success. Drop me a line if you're around.
-
Boxes of equal height
It works great on the initial load, say for a 960px grid on a big browser. However, I have a break point at 959px where everything gets narrower, and then again at 767px where all the columns stack on top of one another. The script needs to refresh …
-
Problem with Equal Height Blocks in Rows
Oh hai, I seriously need to check back here more often. I'll scope your blog, git and the plugin. Thanks!
-
Pixel perfect position in all browsers for icon (Ha Ha)
I would just do something simple like this... Header Goes Here .icon { vertical-align: middle; margin: 0 0 0 8px; } Works exactly the same in every browser except IE7 where it shifts a few pixels up. I haven't solved that but it could …
-
Problem with Equal Height Blocks in Rows
Woohoo... that appears to have fixed it! Might be slower to draw the equal height columns maybe? A bit of "fouc" before the columns draw to the right heights. Nevertheless the problem seems solved for now. You were saying something about a…
-
Problem with Equal Height Blocks in Rows
Oh, and for the record, I did try removing all padding and margin from the ".equal" items and the variable result still happens.
-
Problem with Equal Height Blocks in Rows
Something else that I have noticed... it seems the calculations work on the first load of the page and reloads cause the overflow. Forcing a refresh produces the correct result and then a reload breaks it again.
-
Problem with Equal Height Blocks in Rows
Hi Mottie. Yeah, I did change the heights in both places. outerHeight and innerHeight produce similar results in that the box still has variable results when you load the page and hit reload over and over again. innerHeight produces a taller box whe…
-
Problem with Equal Height Blocks in Rows
I need to check back more often. Thanks for your help Mottie. Adding the outer height doesn't solve the problem though, it still sometimes works properly and sometimes doesn't. Loading the page might work fine the first time, reloading th…
-
Problem with Equal Height Blocks in Rows
OK, so that seems to have fixed the problem with the random row of columns further down the page taking on the height of the first row of columns, which is great. All that's left now is the random overflowing of the content in the .even boxes.…
-
Problem with Equal Height Blocks in Rows
Sorry, hadn't checked back for answers for a few days. Thanks for this Mottie! I'll give it a try and report back asap.
-
Problem with Equal Height Blocks in Rows
OK, not sure what the problem is with this... but we still have the other issue with the content in the equal height blocks overflowing the containers because I don't think the padding on the containers is being taken into account when the heig…
-
Problem with Equal Height Blocks in Rows
OK, another strange turn of events. In my experimentation I simply added an ".equal" class to the next row, the ".grid_12" rounded box that follows immediately after the first four equal ".grid_3"s, and everything works…
-
Problem with Equal Height Blocks in Rows
Hey, thanks for that Mottie! That does look a lot more efficient. The only thing is that I thought Chris' script made it so that you didn't have to assign a unique class for each row you wanted to equalize which is part of the attraction. …
-
Problem with Superfish dropdown in IE6
Any Superfish users who've experienced this problem in IE6? I could really use your help!
-
Problem with Equal Height Blocks in Rows
Anyone? This is driving me nuts.