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

Automatyczne równanie divów będących obok siebie, używając CSS

Hosting forpsi easy 1 pln
0 głosów
423 wizyt
pytanie zadane 17 kwietnia 2015 w HTML i CSS przez Surykat Stary wyjadacz (14,760 p.)
edycja 17 kwietnia 2015 przez Surykat

Czołem, brygada. ;) Zacząłem robić swoją stronę i natknąłem się na dość trywialny problem. Mam obok siebie 2 divy: lewe menu, oraz po prawej- content.

Nie chcę przypisywać wysokości na sztywno, dla menu, no bo jak dodam więcej zawartości do diva content, to menu nie "podąży" za contentem i ten się rozleje. Chciałbym, aby menu, były spójne z contentem, bez żadnych przerw.

https://www.youtube.com/watch?v=E3Nr6shFy3Q

W tym filmiku krecik opisuje (Dzięki i pozdrawiam!), jak to zrobić, no ale mam problem- menu wjechało mi na stopkę, którą mam na samym dole. Nie da się jakoś z automatu przypisać w menu, że: height = content.height;

?? :)

Nie chcę używać Java Script, bo na razie uczę się podstaw, a nie lubię wpisywać rzeczy na sztywno, lubię mieć wszystko rozszerzalne.

 

PS Jeszcze jedno mnie nurtuje: Skoro menu wjechało na stopkę, dlaczego nie wjechał na nią także content?

3 odpowiedzi

+3 głosów
odpowiedź 17 kwietnia 2015 przez SamSam Obywatel (1,120 p.)

Zrób div conteiner i pamiętaj o float:left; clear:both;

+1 głos
odpowiedź 17 kwietnia 2015 przez Geek Pasjonat (19,660 p.)

Wrzuć oba divy do wspólnego diva któremu nadasz min-height (wartość którą będzie miał normalnie, ale możliwą do automatycznego powiększenia) a dwóm divom wewnątrz nadaj height: 100%;

W ten sposób oba divy zawsze będą miały jednakową wysokość.

Kod HTML:

<div class="container">
   <div class="menu">
   </div>

    <div class="content">
    </div>   
</div>

KOD CSS:

.container {
min-width: 500px;
}

.menu, .content {
height: 100%;
}

 

komentarz 17 kwietnia 2015 przez Surykat Stary wyjadacz (14,760 p.)
Nie wpadłem na to, natomiast po zastosowaniu okazało się, że te  height 100% dotyczy zawartości diva, a nie jego otoczenia.

Co cieakwe, dałem np height 20% i div wciąż był taki sam.

Albo coś schrzaniłem. :)
komentarz 17 kwietnia 2015 przez Geek Pasjonat (19,660 p.)
wyślij kod ;)
komentarz 17 kwietnia 2015 przez Surykat Stary wyjadacz (14,760 p.)
Okey dzięki za pomoc. Podeślę jutro wieczorem, jak wrócę z roboty. :)
0 głosów
odpowiedź 17 kwietnia 2015 przez nefil1m Stary wyjadacz (10,690 p.)

Podobne pytania

0 głosów
1 odpowiedź 131 wizyt
0 głosów
1 odpowiedź 200 wizyt
0 głosów
1 odpowiedź 418 wizyt
pytanie zadane 16 sierpnia 2017 w HTML i CSS przez Lynxie Nowicjusz (160 p.)

92,123 zapytań

140,784 odpowiedzi

317,794 komentarzy

61,445 pasjonatów

Advent of Code 2023

Top 15 użytkowników

  1. 1468p. - Łukasz Eckert
  2. 1444p. - Dawid128
  3. 1430p. - CC PL
  4. 1419p. - rafalszastok
  5. 1418p. - Marcin Putra
  6. 1362p. - rucin93
  7. 1351p. - sefirek
  8. 1275p. - Mikbac
  9. 1260p. - TheLukaszNs
  10. 1197p. - Adrian Wieprzkowicz
  11. 1144p. - Michal Drewniak
  12. 1109p. - adrian17
  13. 1078p. - Eryk Andrzejewski
  14. 1063p. - nidomika
  15. 1061p. - Anonim 3447134
Szczegóły i pełne wyniki

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.

Uwaga - w dniach od 02.12 do 08.12 trwają Mikołajki (książki drukowane mają rabat -35%, ebooki do -45%). Zaś dodatkowy, specjalny kod zniżkowy: HELMIKOLAJ-10 dla naszych Widzów zapewni Wam oszczędność -10zł dla zamówień powyżej 70zł! Warto korzystać!

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!

...