Thread View: pl.comp.lang.php
4 messages
4 total messages
Started by Roman Tyczka
Fri, 12 Jan 2018 13:12
CSS, kolumny i wysokość
Author: Roman Tyczka
Date: Fri, 12 Jan 2018 13:12
Date: Fri, 12 Jan 2018 13:12
21 lines
1637 bytes
1637 bytes
Witam, Mam układ 4 kolumn obok siebie, każda kolumna to div, który dodatkowo zawiera wewnętrznego diva z danymi (kilka paragrafów i na końcu jest button). Jako, że danych jest różna ilość to divy nie są równej wysokości i buttony nie są równo na dole, lecz raz wyżej raz niżej. http://snap.ashampoo.com/uploads/2018-01-12/UiIvij0a.png Całość zapakowana w diva, któremu ustawiłem display: table. Każdemu z divów kolumnowych ustawiłem display: table-cell (ma kolor wrzosowy). I jest prawie ok, bo każdy div kolumnowy jest tak wysoki jak najwyższa kolumna, z tym, że wewnętrzny div z danymi (ten jasny) nie wypełnia diva kolumnowego w pełni i kolumny z mniejszą ilością treści kończą się wyżej. Jak zmusić tego wewnętrznego diva, by miał wysokość taką jak nadrzędny? Niestety height: 100% nic nie zmienia. -- pozdrawiam Roman Tyczka
Re: CSS, kolumny i wysokość
Author: Borys Pogoreło
Date: Sun, 14 Jan 2018 17:35
Date: Sun, 14 Jan 2018 17:35
16 lines
1248 bytes
1248 bytes
Dnia Fri, 12 Jan 2018 14:12:27 +0100, Roman Tyczka napisał(a): > Jak zmusić tego wewnętrznego diva, by miał wysokość taką jak nadrzędny? > Niestety height: 100% nic nie zmienia. Mamy 2018 rok, zapomnij o tabelkach: https://bocoup.com/blog/dive-into-flexbox Lub jeśli lubisz eksperymenty, bo wsparcie jeszcze takie sobie: https://css-tricks.com/snippets/css/complete-guide-grid/ -- Borys Pogoreło borys(#)leszno,edu,pl
Re: CSS, kolumny i wysokość
Author: Roman Tyczka
Date: Mon, 15 Jan 2018 11:25
Date: Mon, 15 Jan 2018 11:25
28 lines
1748 bytes
1748 bytes
On Sun, 14 Jan 2018 18:35:57 +0100, Borys Pogoreło wrote: >> Jak zmusić tego wewnętrznego diva, by miał wysokość taką jak nadrzędny? >> Niestety height: 100% nic nie zmienia. > > Mamy 2018 rok, zapomnij o tabelkach: Nie robiłem tabelek, wszystko na divach :-) > https://bocoup.com/blog/dive-into-flexbox Ciekawe, ale ten konkretny problem przebrnąłem, krzywo ale działa, więc nie będę tego teraz przrabiał. A arta poczytam w wolnej chwili i postaram się zakumać, bo to chyba sensowny kierunek. > Lub jeśli lubisz eksperymenty, bo wsparcie jeszcze takie sobie: > > https://css-tricks.com/snippets/css/complete-guide-grid/ To też ciekawe, choć bardziej pod rzeczywiste gridy z danymi, ale zapamiętam. Nawet chyba w inspektorze firefoxa jest do tego wsparcie, bo mi się obiło o oczy, a nie wiedziałem do czego to służy. Dzięki! -- pozdrawiam Roman Tyczka
Re: CSS, kolumny i wysokość
Author: Borys Pogoreło
Date: Mon, 15 Jan 2018 18:20
Date: Mon, 15 Jan 2018 18:20
11 lines
1107 bytes
1107 bytes
Dnia Mon, 15 Jan 2018 12:25:00 +0100, Roman Tyczka napisał(a): >> Mamy 2018 rok, zapomnij o tabelkach: > > Nie robiłem tabelek, wszystko na divach :-) Robiłeś tabelki z divów. Kwestia semantyki. -- Borys Pogoreło borys(#)leszno,edu,pl
Thread Navigation
This is a paginated view of messages in the thread with full content displayed inline.
Messages are displayed in chronological order, with the original post highlighted in green.
Use pagination controls to navigate through all messages in large threads.
Back to All Threads