Czy to w ogóle wykonalne? Z tabelkami było to prostsze. A obecnie tworzę stronę i chcę by wyglądała tak samo na dowolnej rozdzielczości ale nie wychodzi mi to. Jak daje stałą wysokość kolumn ale w jednostkach 'viewport' wielkosc divow, ich wysokosc fajnie sie zmienia dynamicznie. Ale gdy w tych divach mam tekst w px, to przy wiekszych monitorach jest duzo wolnego miejsca pod tekstem. Gdy tekst daje jako zmieniajacy wielkosc dynamicznie w jednostce vw np. to sa sytuacje, ze tekst "chowa sie" w divie, jest go wiecej niz wysokosc diva.
To na czym mi zależy zobrazowałem niżej.
<html>
<head>
<style type="text/css">
#rodzic {
height:auto;
}
#d1 {
float:left;
background-color:red;
width:20vw;
height:6vw;
}
#d2 {
float:left;
background-color:green;
width:20vw;
height:6vw;
}
#d3 {
float:left;
background-color:yellow;
width:20vw;
height:6vw;
}
</style>
</head>
<body>
<div id="rodzic">
<div id="d1">
<div>jakis sobie tekst i jest go na tyle duzo ze
wyjezdza poza wysokosc diva a nie rozciaga go i przy okazji te dwa pozostale divy lorem ipsum lorem ipsum lorem ipsum
</div>
<div>jakis sobie tekst i jest go na tyle duzo ze
wyjezdza poza wysokosc diva a nie rozciaga go i przy okazji te dwa pozostale divy lorem ipsum lorem ipsum lorem ipsum
</div>
<div>jakis sobie tekst i jest go na tyle duzo ze
wyjezdza poza wysokosc diva a nie rozciaga go i przy okazji te dwa pozostale divy lorem ipsum lorem ipsum lorem ipsum
</div>
</div>
<div id="d2">
drugi div
</div>
<div id="d3">
trzeci div
</div>
</div>