Parkbank: zwei div-Container mit gleicher Höhe

Hallo,

in einem Layout verwende ich zwei nebeneinander liegende div-Container. Das linke div soll dabei stets die gleiche Höhe des rechten div haben. Genau das hat bisher aber leider nicht geklappt.

css-Datei:
.author {
 float: left;
 width: 12em;
 padding: 0.2em;
 margin-bottom: 0.5em;
 border: 1px solid #dadada;
}

.content {
 padding: 0.2em;
 margin-bottom: 0.5em;
 border-top: 1px solid #dadada;
 border-right: 1px solid #dadada;
 border-bottom: 1px solid #dadada;
}

Quelltext:
<div class="author">
    Test
</div>
<div class="content">
    blaadsf asdf asdf asdfas gasdg asdf asdf asdf asdf asdf
</div>

Screenshot: http://img.img-box.de/2/4/0/3/8/24038.gif

Über Ratschläge würde ich mich freuen.

Grüße,
Parkbank

  1. Hi,

    in einem Layout verwende ich zwei nebeneinander liegende div-Container. Das linke div soll dabei stets die gleiche Höhe des rechten div haben. Genau das hat bisher aber leider nicht geklappt.

    das kann auch nicht klappen.

    Screenshot: http://img.img-box.de/2/4/0/3/8/24038.gif

    das erinnert mich doch an etwas... ;-)

    Wenn es Dir nur um die border geht, dann gebe der Inhaltsbox entsprechendes margin und border-left.

    freundliche Grüße
    Ingo