Autor | Zpráva | ||
---|---|---|---|
Jurix Profil |
#1 · Zasláno: 28. 3. 2012, 18:43:48
Čau, řeším problém s CSS a stále nenacházím řešení.
Situace: Potřebuji v prohlížeči zobrazit stránku, kde hlavička i patička mají definovánu height v px a width: 100%; a position: fixed;. Mezi těmito DIVy potřebuji mít MAIN div, který vyplní všechen zbývající prostor v prohlížeči a bude mít nastaven parametr overflow: auto. Pochopitelně v případě změny velikosti okna se musí přizpůsobovat právě tento MAIN DIV. Zná někdo řešení? |
||
panther Profil |
#2 · Zasláno: 28. 3. 2012, 19:06:18
|
||
Jurix Profil |
#3 · Zasláno: 28. 3. 2012, 19:12:11
Ano, na tohle řešení jsem už narazil, ale to můj problém neřeší. Já totiž potřebuji trvale zobrazit hlavičku i patičku bez možnosti scrollování html (overflow: hidden;). Scrollovat by se mělo v rámci toho vnitřního DIVu, který by měl mít proměnlivou velikost v závislosti na velikosti okna.
|
||
dranel91 Profil |
#4 · Zasláno: 28. 3. 2012, 19:19:23
Prostřední DIV bude mít 100% výšku a horní a dolní margin/padding dle výšek hlavičky/patičky. A nezapomeň vypnout posuvníky u HTML/BODY. ;-)
|
||
Jurix Profil |
#5 · Zasláno: 28. 3. 2012, 19:48:45
I to jsem zkoušel, ale neúspěšně. Velikost DIVu tak narostla o velikosti margin/padding.
|
||
Trejpa Profil |
#6 · Zasláno: 28. 3. 2012, 19:58:53
Jurix:
„Velikost DIVu tak narostla o velikosti margin/padding.“ A co ti brání použít deset let starou techniku matrjoška? Dva vnořené bloky, vnější určuje rozměr a vnitřní odsazení (aneb simulace okrajového box modelu). |
||
Jurix Profil |
#7 · Zasláno: 28. 3. 2012, 20:06:11
Kdybych měl dobré znalosti CSS, tak bych přece nezakládal dotazy do fóra. Nicméně zmíněná úvaha mi zní zajímavě... Byla by nějaká ukázka kódu?
|
||
Trejpa Profil |
#8 · Zasláno: 28. 3. 2012, 20:30:57
Jurix:
„Byla by nějaká ukázka kódu?“ Fixní hlavička i patička. Pro starší prohlížeče je třeba to zkombinovat s Plaváčkovým řešením. |
||
Časová prodleva: 12 let
|
0