Home › Forums › JavaScript › Equal Height Blocks for more than one DIV? › Re: Equal Height Blocks for more than one DIV?
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.
--><--
Unsere Kernkompetenzen:
- Dauerhafte Haarentfernung
- Body Contouring / Abnehmen mit Ultraschall
- Kosmetik
- Celullite Behandlungen
- Permanent Makeup
IPL-Dauerhafte Haarentfernung

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
This copy is used for placement only. It is not meant to be read.
--><--
Cellulite Behandlungen
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.
.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;
}