Spalten - Inhalt gleiche Höhe

hallo!

hab da ein kniffliges Layout-Problem und brings leider nicht zusammen.
Ich verwende Spalten (Erweiterung) und hab darin Boxen.
Bei den Spalten hab ich angegeben gleiche Höhe.
und die boxen hätte ich auch gern in gleicher höhe
bin mir nur nicht so sicher wie ich das hinbekomme...
zu sehen auf:
http://www.akademie-des-sprechens.at...ehrgaenge.html

wäre super wenn ihr mir eine idee geben könntet!

danke!
lg

Hallo,

schau dir doch mal die Beschreibung auf YAML an http://www.yaml.de/de/dokumentation/...templates.html

Die gleich hohen Boxen setzen sich aus nachsteheneden Code zusammen.

Dementsprechend könntest du dir deine Boxen zusammenbauen.

http://www.yaml.de/fileadmin/example...ght_boxes.html

Code:

---

          <div class="subcolumns equalize box-top">
            <div class="c33l">
              <div class="subcl">
                <!-- Insert your subtemplate content here -->
                <h6>Topic One </h6>
                <ul>
                  <li>List Item 1</li>
                  <li>List Item 2</li>
                  <li>List Item 3</li>
                  <li>List Item 4</li>
                  <li>List Item 5</li>
                </ul>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="c33l">
              <div class="subc">
                <!-- Insert your subtemplate content here -->
                <h6>Topic Two </h6>
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</p>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
            <div class="c33r">
              <div class="subcr">
                <!-- Insert your subtemplate content here -->
                <h6>Topic Three</h6>
                <ul>
                  <li>List Item 1</li>
                  <li>List Item 2</li>
                  <li>List Item 3</li>
                  <li>List Item 4</li>
                  <li>List Item 5</li>
                </ul>
                <a href="#" class="hideme">&rarr; read more ...</a>
              </div>
            </div>
          </div>
          <h3 class="hideme">Summing up</h3>
          <div class="subcolumns equalize no-ie-padding box-bottom">
            <div class="c33l">
              <div class="subcl"><a href="#" class="noprint">&rarr; read more<span class="hideme"> about Topic One</span>.</a></div>
            </div>
            <div class="c33l">
              <div class="subc"><a href="#" class="noprint">&rarr; read more<span class="hideme"> about Topic Two</span>.</a></div>
            </div>
            <div class="c33r">
              <div class="subcr"><a href="#" class="noprint">&rarr; read more<span class="hideme"> about Topic Tree</span>.</a></div>
            </div>
          </div>

---

Oder du vergibst für die Boxen eine fest definierte Höhe, dann dürfen sich aber auch die Inhalte nicht wesentlich verändern.