Autor | Zpráva | ||
---|---|---|---|
quatzael Profil |
Mám zase problém s CSS. Potřebuju aby výška
body byla výškou celého dokumentu, tedy všeho co je v něm.
Teď se to chová tak, že výška body je výškou okna, což nevím jestli to náhodou není standartní chování. Mám tam uvnitř float elementy, ale vyclearovaný (všechny mají svojí výšku), takže v tom by problém být neměl. Potřebuju vyřešit to, aby když přidám na začátek body element, aby získal výšku celého dokumentu: CSS: .alert-background { position: absolute; width: 100%; height: 100%; top: 0px; background-image: url("/png/transparent-background.png"); background-repeat: repeat; z-index: 100; } JS: $("body").prepend("<div class=\"alert-background\"></div>"); |
||
Str4wberry Profil |
#2 · Zasláno: 19. 1. 2014, 15:05:29
|
||
quatzael Profil |
#3 · Zasláno: 19. 1. 2014, 15:09:07
Str4wberry:
V tý ukázce chybí právě to body.. |
||
Fisir Profil |
#4 · Zasláno: 19. 1. 2014, 15:11:47
Reaguji na quatzaela:
Nechybí. |
||
quatzael Profil |
#5 · Zasláno: 19. 1. 2014, 15:12:44
Fisir:
Já ho tam nevidím. |
||
Str4wberry Profil |
|||
quatzael Profil |
#7 · Zasláno: 19. 1. 2014, 15:21:17
Str4wberry:
No, ale co z toho mám pobrat za závěr? |
||
Fisir Profil |
#8 · Zasláno: 19. 1. 2014, 15:25:35
Reaguji na quatzaela:
„co z toho mám pobrat za závěr?“ Elementy <html> , <head> a <body> jsou nepovinné a automaticky se doplní.
|
||
quatzael Profil |
Fisir:
O tohle mi vůbec nejde.. Já řeším proč se body chová tak, že se výška u něj nastavuje podle velikosti okna a ne podle velikosti celého dokumentu. Jenom bych ještě upřesnil, že tam mám ten sticky footer, tak jestli to náhodou nemá nějaký vliv.. |
||
quatzael Profil |
Str4wberry, Fisir:
Tak jsem to nakonec vyřešil tak, že jsem do body ještě vložil jeden nejvyšší element a ten překvapivě výšku bere pro celý dokument: <body> <div id="container"> <div class="alert-background"></div> ... </div> </body> Takhle to funguje, ale je blbý, že to musím předělávat u všech stránek. Zajímavý, že když u container definuju výšku: height: 100%, tak to nefunguje. Bez toho, ale jo.
|
||
Str4wberry Profil |
#11 · Zasláno: 19. 1. 2014, 16:47:55
Já pořád nechápu, co máte za problém.
Ta ukázka nefunguje? |
||
Fisir Profil |
#12 · Zasláno: 19. 1. 2014, 16:53:10
Reaguji na quatzaela:
Tak to nechápu. Nebyla by živá ukázka? |
||
quatzael Profil |
#13 · Zasláno: 19. 1. 2014, 17:25:27
Str4wberry:
Ukázka funguje, ale na mým webu to nefungovalo.. Teď to funguje s tím elementem container. |
||
Časová prodleva: 11 let
|
0