• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Powiększanie strony względem ilości tesktu

VPS Starter Arubacloud
+1 głos
298 wizyt
pytanie zadane 23 czerwca 2015 w HTML i CSS przez radek024 Szeryf (77,180 p.)

Na początku chciałbym się ze wszystkimi przywitać. Jestem Radek, mam osiemnaście lat i interesuję się wszystkim, czym można i co jest związane z informatyką. A że strasznie korci mnie webdesign i nie ma porządnych polskich stron nt. tego, tak oto trafiłem na kanał pana Mirosława na YT, a następnie tutaj.

Widzicie ten obrazek na dole? To dobrze ;)

Nie będę się rozpisywał; pytanie jest następujące:
Czy da się zrobić tylko i wyłącznie za pomocą HTMLa i CSSa niebieskie pola w taki sposób, aby powiększały się pod względem ilości tekstu?

 

Chodzi mi o długość. Probowałem to robić za pomocą min-height w CSS, a następnie - logicznie rzecz ujmując - zagnieżdżone bloki z zawartością rozsuwały by się w dół. Tak niestety nie jest i nie wiem jak sobie z tym poradzić. Czy to zaczepia w jakimś sensie o responsywność?

Pozdrawiam, ja ;)

4 odpowiedzi

+1 głos
odpowiedź 23 czerwca 2015 przez Comandeer Guru (599,730 p.)
wybrane 14 stycznia 2016 przez radek024
 
Najlepsza
Nie bardzo rozumiem problem - przecież z automatu powinno się powiększać wraz z ilością tekstu? Chyba że chodzi Ci o to, żeby powiększały się równolegle (tzn. były zawsze równe kolumny)?
komentarz 23 czerwca 2015 przez radek024 Szeryf (77,180 p.)
Tak, właśnie to chciałbym osiągnąć. Tyle że w momnecie gdy tekst wylewa się poza blok diva, po porstu wystaje za tło strony i blok.
komentarz 23 czerwca 2015 przez Comandeer Guru (599,730 p.)
Zarzuć kodem i coś pomyślimy ;)
komentarz 23 czerwca 2015 przez radek024 Szeryf (77,180 p.)

Niestety, nie mam plików ze sobą i najwcześniej mogę je zarzucić jutro rano. Jakby co dam znać wink

komentarz 24 czerwca 2015 przez radek024 Szeryf (77,180 p.)
http://pastebin.com/wF7p48w0
http://pastebin.com/Vudym23m

Tutaj jest kod źródłowy. Uzywam fontello, ale jeo brak nie powinien przeszkodzić w rozwiązaniu problemu ;)
komentarz 24 czerwca 2015 przez Comandeer Guru (599,730 p.)
Ok, to wieczorem ogarnę.
komentarz 24 czerwca 2015 przez Comandeer Guru (599,730 p.)
Czy chodzi o mniej więcej taki efekt: http://jsfiddle.net/Comandeer/ruz719be/ ?
komentarz 24 czerwca 2015 przez radek024 Szeryf (77,180 p.)
Dokładnie tak, ale czy dałoby się zrobić dla diva social tak, żeby ten znajdował się na dole strony? Jak możesz to wytłumacz, jak to zrobiłeś :)
komentarz 24 czerwca 2015 przez Comandeer Guru (599,730 p.)

Z tymi socialami to jeszcze pomyślę ;)

Co do rozwiązania: wywaliłem float dla #leftside i #rightside i zamieniłem to na display: table-cell

komentarz 24 czerwca 2015 przez radek024 Szeryf (77,180 p.)
Dzięki serdeczne i tak ;) mój css opiera się głównie na lekcjach od pana Mirosława, ale widzę, że przede mną jeszcze dłuuga droga ;)
+1 głos
odpowiedź 23 czerwca 2015 przez CzlowiekSkrypt Nałogowiec (26,340 p.)
Musisz złapać ten blok w diva i będzie on się automatycznie powiększać wraz z treścią, ale front endowiec ze mnie żaden więc poczekaj na jakiegoś eksperta :D
0 głosów
odpowiedź 24 czerwca 2015 przez migacz100 Mądrala (5,410 p.)

Nie wiem dokładnie czy chodzi o to, ale zarzucam kodem: 

column-count: liczba kolumn

column-gap: przerwa między nimi.

czyli np:

p {-moz-column-count: 2;
-moz-column-gap: 8px;
-webkit-column-count: 2;
-webkit-column-gap: 8px;
column-count: 2;
column-gap: 8px;}
komentarz 24 czerwca 2015 przez Comandeer Guru (599,730 p.)
To jest tylko dla tekstu
0 głosów
odpowiedź 14 stycznia 2016 przez radek024 Szeryf (77,180 p.)

O kurcze, sory za odkopanie, nie wiedziałem że wybranie najlepszej odświeża temat XD

Podobne pytania

0 głosów
3 odpowiedzi 186 wizyt
pytanie zadane 24 marca 2020 w HTML i CSS przez Stairs Nowicjusz (200 p.)
+1 głos
1 odpowiedź 347 wizyt
pytanie zadane 22 czerwca 2015 w HTML i CSS przez damianmisztal Gaduła (4,730 p.)
+2 głosów
1 odpowiedź 165 wizyt
pytanie zadane 7 lipca 2015 w HTML i CSS przez heet1981 Nowicjusz (200 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...