Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 10.01.2017, 16:50
Tomtom84 Tomtom84 ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2015
Beiträge: 42
Tomtom84 befindet sich auf einem aufstrebenden Ast
Standard Höhe des Inneren Div soll immer 50% des äußeren Div betragen

Hallo,

ich habe einen äußeren Div-Container, welcher nach links floatet und folgenden css-Code besitzt:

Code:
.image-container-grid {
    padding-top: 72.56%; /*damit bleiben die Bilder responsive 0,7256 = 529px/729 px  (Seitenverhältnis (Höhe/Breite)*/
    display: block;
    margin: 0;
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    }
Darin liegt ein zweiter Div Container, welcher halb so hoch wie der äußere Div-Container sein soll. Leider finde ich keine Lösung, dass der innere Div Container sich dynamisch immer genau an die Hälfte des äußeren Div-Container anpasst. Mit absoluten zahlen und 50% für die breite funktioniert es.

Code:
    .text-content-grid
height: 190px;
    width: 50%;
cursor: pointer;
    display: table;
    margin: 0;
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    left: 0;
    position: absolute;
    top: 0%;}
Gibt es eine Lösung für die Höhe, sodass der inner div container immer 50% der Höhe des äußeren div-container bekommt?

Danke im voraus!

Viele Grüße
Mit Zitat antworten
Sponsored Links