Verschachtelte DIVs mit gleicher Höhe wie vom Container

[Mutschas]

Hallo zusammen,

ich komme einfach nicht mehr weiter. Ich habe einen DIV-Container, in dem mehrere DIVs drinnen sind. Die inneren DIVs sollen die gleiche Höhe haben, wie der Container selbst. Das klappt aber nicht... Feste Höhen-Werte möchte ich nicht angeben.

.child
{
    width: 100%;
    background-color: #fcfcfc;
    border: 1px solid #ff0000;
}
.child > div
{
    border: 1px solid #000;
    float: left;
    margin: 1px;  
    height: 100%;
    min-height: 100%;
}
.child_table
{
    display: table;
}
.child_table > div
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.child_status
{
    width: 7%;
}
.child_maindata
{
    width: 51%;
}
.child_daten1
{
    width: 10%;
}
.child_daten2
{
    width: 10%;
}
.child_daten3
{
    width: 19.5%;
}

            <div class="child">
                <div class="child_status child_table"><div>Bild</div></div>
                <div class="child_maindata"><a href="#">Name1</a>
                    <div>Name1.1</div>
                    <div>Name1.2</div>
                    <div>Name1.3</div>
                </div>
                <div class="child_daten1 child_table"><div>Daten1</div></div>
                <div class="child_daten2 child_table"><div>Daten2</div></div>
                <div class="child_daten3">Daten3</div>
                <br style="clear: left;" />
            </div>

"Bild" soll zum Beispiel gleich hoch sein wie "Name1....".

Danke vorab :)

 

[MrMurphy]

Hallo,

trage es mit Fassung - du bist sehr, sehr krank. Du leidest unter

divitis
classitis
tableitis

und folgenden Mangelerscheinungen

p-Elementen
ul-Elemtenten
Grundkenntnissen

Die gute Nachricht: Das kann geheilt werden. Allerdings wirst du dazu mitarbeiten müssen.

Dein jetziger Zustand:

http://foreninfo.bplaced.net/seiten_fremdprobleme/2014_07_13_mutschas_01_gleiche_hoehe.html

Dein Zustand nach der Heilung mit Flexitis:

http://foreninfo.bplaced.net/seiten_fremdprobleme/2014_07_13_mutschas_02_gleiche_hoehe.html

Gruss

MrMurphy

 

[Mutschas]

deine Antwort ist lustig. Vielen Dank! Ich schau mir das mal an.

 

[Mutschas]

Sorry, ich bin es schon wieder. Leider funktioniert das in IE < 10 nicht. Da doch noch viele mit den alten IEs unterwegs sind, möchte ich wenigstens noch bis IE 8 supporten.

 

[threadi]

Dann bau einen Fix für HTML5-Elemente für den IE8 und älter ein, wenn es denn sein muss.

 

[Mutschas]

Geht das auch noch in HTML4 bzw. die XML-Variante?

 

[threadi]

"Das"? Natürlich kannst Du diese Darstellung auch in HTML4 oder XHTML schreiben - die Gestaltung wird per CSS erreicht.