Home › Forums › JavaScript › Equal Height Blocks for more than one DIV?
- This topic is empty.
-
AuthorPosts
-
September 12, 2012 at 4:28 pm #109918EricTParticipant
Hi Mottie:
Thanks for offering this plugin for everyone, but I’m stuck (and thank you for any help in advance). I’m a newbe to js, and I’m not sure what, if any, css instructions I need to call out inside the .equalizer() parentheses. I have listed the wrappers for my two div.s that I want to initialize so that I can equalize the two divs to the same height. One has a slideshow in it (wrap-left), while the other has a vertical menu (wrap-right) and I need them to equalize in a responsive design as the resolution screen size changes This is my test page: http://www.bedroomandmore.com/a_ResponsiveDesignCamera.html. The vertical menu has 5 list items.
This is what I have:
And in an external css file (for each of my media queries) I have:
.wrap-left {
width: 60%;
display: block;
float: left;
}
.wrap-right {
width: 39%;
display: block;
float: left;
}
.clear {
clear: both;
}
#slideshow {
clear: both;
width: 100%;
float: left;
margin-left: 0%;
display: block;
position: relative;
top: -1em;
z-index: 1
}#menuVertical {
clear: none;
float: left;
margin-left: .25%;
display: block;
position: relative;
top: +.3em;
}
Here is my html:
- Order Online or Come Visit Us
in San Francisco and in San Carlos - American Leather
The Best American Made Sofa Sleeper
Now on Sale: Save $300 through October 4th, 2012 - Solid Wood Platform Beds
& Bedroom Furniture: Beautifully Crafted, Made in the USA. - Benchmade Sofas
by Lee of North Carolina - Come visit us and compare our favorite top brand mattress by
Beautyrest, Serta, and Tempur-Pedic
September 12, 2012 at 4:35 pm #109919EricTParticipantAnd this is the div for wrap-left:
September 12, 2012 at 10:54 pm #109945MottieMemberHi EricT!
If you only have two divs to adjust, try using the code from this [`.map()` example](http://api.jquery.com/map/#example-2). It’s a similar solution. The Equalizer plugin is better for divs on multiple rows and is really just extra bloat.
AuthorPosts- The forum ‘JavaScript’ is closed to new topics and replies.
- Order Online or Come Visit Us