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
Živá ukázka
quatzael
Profil
Str4wberry:
V tý ukázce chybí právě to body..
Fisir
Profil
Reaguji na quatzaela:
Nechybí.
quatzael
Profil
Fisir:
Já ho tam nevidím.
Str4wberry
Profil
Kde vám chybí <body>?



Ale tak klidně si ho do kódu dopište.
quatzael
Profil
Str4wberry:
No, ale co z toho mám pobrat za závěr?
Fisir
Profil
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
Já pořád nechápu, co máte za problém.

Ta ukázka nefunguje?
Fisir
Profil
Reaguji na quatzaela:
Tak to nechápu. Nebyla by živá ukázka?
quatzael
Profil
Str4wberry:
Ukázka funguje, ale na mým webu to nefungovalo.. Teď to funguje s tím elementem container.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: