Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Equal Height Blocks for more than one DIV? Re: Equal Height Blocks for more than one DIV?

#104041
moprivat
Member

Mhmm, with an id it works fine, using a class it failes. I must say that I´m just a little confused, because I tried different things the whole day long. SO thank´s a lot for your support!!!

Here is an extract:







WITH THIS ID IT WORKS -->

<-- WITH THE CLASS TEST IT WONT

bla bla bla


This copy is used for placement only. It is not meant to be read. Designers use this to show clients how copy would look if it was inserted. This copy is used for placement only. It is not meant to be read. Designers use this to show clients how copy would look if it was inserted. This copy is used for placement only. It is not meant to be read. Designers use this to show clients how copy would look if it was inserted.


This copy is used for placement only. It is not meant to be read. Designers use this to show clients how copy would look if it was inserted. This copy is used for placement only. It is not meant to be read. Designers use this to show clients how copy would look if it was inserted.





-->





IPL-Dauerhafte Haarentfernung


IPL


This copy is used for placement only. It is not meant to be read. Designers use this to show clients how copy would look if it was inserted.



Body Contouring


body contouringThis copy is used for placement only. It is not meant to be read.




-->
<--

Cellulite Behandlungen


CelulliteThis copy is used for placement only. It is not meant to be read. Designers use this to show clients how copy would look if it was inserted.






.wrapper_content_top {
min-height: 400px;
clear: both;
background-image: url(Images/pattern.png);
background-repeat: repeat;
background-position: top;
overflow: hidden;
}

.height_content {
height: 400px;
overflow: hidden;
}

.left {
padding: 20px;
float: left;
width: 58%;
border: 1px solid #eee;
margin: 20px 0 30px 0;
background-image: url(Images/content_back.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #FFF;
text-align: left;
}
.right {
padding: 20px;
float: right;
width: 30%;
border: 1px solid #eee;
margin: 20px 0;
background-color: #FFF;
text-align: left;
}
.wrapper_content_bottom {
clear: both;
background-repeat: repeat-x;
background-position: top;
min-height: 350px;
background-image: url(Images/patternstripes.png);
}
.boxleft{
margin-left: 0px;
}

.boxcenter {
margin-left: 30px !important;
}

.boxright{
float: right !important;
}

.height_boxes {
height: 320px;
overflow: hidden;
}
.boxes {
padding: 10px;
background-color: #fff;
border: 1px solid #eee;
width: 29%;
margin: 20px 0 70px 0;
float: left;
}
.box_shadow {
-webkit-box-shadow: 8px 10px 10px #dbddda;
-moz-box-shadow: 8px 10px 10px #dbddda;
box-shadow: 8px 10px 10px #dbddda;
}