chris340: Textbox vertikal an benachbarten Elementen ausrichten

Beitrag lesen

Hallo Gunther!

Herzlichen Dank, soweit alles klar, Deine Erklärungen leuchten mir ein, v.a. auch die bezüglich des Unterschiedes zwischen Tabellen (mit tabellarischen Daten) und tabellenartiger Darstellung. :-)

Ich habe mal ein Fiddle erstellt (hoffe klappt auch - ist mein Erstes) ;-)

Ich bin mal so frei und poste Deinen Code hier auch noch - für die Nachwelt sozusagen:

  
<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>Diplay Table Test</title>  
    <style type="text/css">  
        #box_wrapper {  
            display: table;  
            width: 900px;  
            height: 500px;  
            margin: 0 auto;  
            border: solid 1px #0000FF;  
            table-layout: fixed;  
            border-spacing: 20px;  
        }  
        .box_row {  
            display: table-row;  
            height: 1px;  
        }  
        .expand {height: 100%;}  
        .box_cell {  
            display: table-cell;  
            padding: 10px;  
            background-color: #CCC;  
            border: 1px solid red;  
        }  
    </style>  
</head>  
<body>  
    <div id="box_wrapper">  
        <div class="box_row">  
            <div class="box_cell">  
                Lorem ipsum dolor sit amet,<br>consectetur adipiscing elit.  
            </div>  
        </div>  
        <div class="box_row expand">  
            <div class="box_cell">  
                Lorem ipsum dolor sit amet, ...  
            </div>  
        </div>  
        <div class="box_row">  
            <div class="box_cell">  
                Lorem ipsum dolor sit amet,<br>consectetur adipiscing elit.  
            </div>  
        </div>  
    </div>  
</body>  
</html>  

Das das Problem mit nem Tabllen-"layout" leicht zu meistern wäre, ist mir schon klar.
Anders ist die Anforderung mit CSS gar nicht zu lösen ...(außer mit Flexbox noch)! ;-)
Also wenn dir das klar ist, warum hast du es dann nicht gleich so gemacht!?

Nein, ich dachte eben an echte Tabellen nicht an "display:table"!

Ciao, Danke, ich hab zu lesen.... ;-)

Chris