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

Flexbox - zmiana wysokości wybranego boxu

Object Storage Arubacloud
0 głosów
178 wizyt
pytanie zadane 2 września 2017 w HTML i CSS przez beginner93 Nowicjusz (220 p.)
edycja 2 września 2017 przez beginner93

Hej,

w jaki sposób rozciągnąć div'a Reklama tak żeby zajął pozostałe dostępne miejsce div'a flexContainer(brązowe pole)? Struktura zbudowana jest za pomocą flexbox'a i podczas zmiany wysokości właściwością height cała zawartość się rozjeżdża... frown

https://codepen.io/dejv93/pen/MvLNgz

 

1 odpowiedź

0 głosów
odpowiedź 2 września 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)
wybrane 3 września 2017 przez beginner93
 
Najlepsza
Ja bym divy: logo, tytuł, menu, artykuł opakował w osobny container, a reklamy (czyli cały prawy) w osobny. Wtedy nie powinno być problemu, ale bez kodu ciężko coś więcej powiedzieć.
komentarz 2 września 2017 przez beginner93 Nowicjusz (220 p.)

Kod dostępny tutaj: https://codepen.io/dejv93/pen/MvLNgz

komentarz 2 września 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)
Coś takiego możesz spróbować:

https://codepen.io/PanLydka/pen/zdegxV

Stopkę dokończ sam, myślę że dasz radę. Jak coś to pytaj. :)
komentarz 2 września 2017 przez beginner93 Nowicjusz (220 p.)

Wcześniej zrobiłem tak samo jak Ty, ale za pomocą float'owania. Myślałem, ze używając flexbox'a będę miał możliwość zmiany rozmiarów wybranych div'ów ale bez rozwalenia calej struktury ;)

Dzięki za pomoc! W razie jakichkolwiek problemów będę pytal - a pytań będzie dużo bo dopiero zaczynam przygode z front-endem ;) 

Pozdrawiam wink

komentarz 3 września 2017 przez Kamil Łydka Stary wyjadacz (13,600 p.)
Za pomocą floatowania też powinno działać. :)

Podobne pytania

+1 głos
2 odpowiedzi 341 wizyt
pytanie zadane 6 stycznia 2021 w HTML i CSS przez AgentTecza Obywatel (1,810 p.)
0 głosów
1 odpowiedź 140 wizyt
pytanie zadane 6 lipca 2020 w HTML i CSS przez gmcode Gaduła (3,120 p.)
0 głosów
0 odpowiedzi 534 wizyt
pytanie zadane 5 lipca 2018 w HTML i CSS przez jakznalezcchlopaka Nowicjusz (120 p.)

92,540 zapytań

141,382 odpowiedzi

319,481 komentarzy

61,928 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy 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!

...