Dinamikus oldalkitöltést hogyan lehet csinálni?
Figyelt kérdés
Van egy weblap, aminek a szerkezete két <div>-ből áll. Van felül egy keskeny menü aminek a magassága fix 70 pixel, és van alatta amiben megjelenik a tartalom.
Milyen CSS parancscsal tudom megoldani, hogy az alsó mindig teljesen kitöltse a maradék helyet? Tehát hogy dinamikusan változzon a magassága a kérenyőmérethez képest, se több se kevesebb ne legyen mint a képernyő?
2021. dec. 22. 10:11
1/5 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
100% értéket adj meg magasságnak.
2/5 A kérdező kommentje:
#1 Azt is próbáltam, csak akkor a képernyőmagassághoz viszonyít, és amekkora a felette lévő menü annyival lejjebb csúsztatja.
2021. dec. 22. 10:26
3/5 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz1.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz1.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
a második divnek talán ez?
height: calc(100vh - 70px);
4/5 A kérdező kommentje:
És ha mondjuk úgy adtam meg a felsőnek, hogy 16pt plusz felül-alul 20px padding?
Nincs valami konkrét CSS parancs amivel kitölti?
2021. dec. 22. 10:38
5/5 anonim ![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
![*](//static.gyakorikerdesek.hu/p/vsz2.png)
válasza:
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz0.png)
ha grid -be helyezed őket úgy megoldható...
További kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!