Autor Zpráva
Kry5
Profil
Zdravím,
snažím se upravit jeden element na stránce (s id obsah) a nastavit mu css výšku podle výšky uživatelovy obrazovky. Zkusil jsem něco takového:
	var height = screen.availHeight;
	height = height - 50;
	height = height+"px";
	document.getElementById('obsah').height = height;


Bohužel to nefunguje. Nevíte, kde by mohla být chyba?

Díky moc
Kry5

Edit: tohle by mělo hodit výšku o 50px menší než je dostupná plocha
Ernie
Profil
Kry5:
Kromě obrázků (kde je i atributem) je height vlastnost objektu style, takže:
document.getElementById('obsah').style.height = height;

A ještě bych to trochu zkrátil:
<script>
document.getElementById('obsah').style.height = (screen.availHeight-50)+"px";
</script>
Ernie
Profil
Ještě k té výšce - jestli chcete maximální výšku stránky, aby byla vidět, tak jsem někde našel tuto funkci:
<script>
function winH() {
   if (window.innerHeight)
      /* NN4 a kompatibilní prohlížeče */
      return window.innerHeight;
   else if
   (document.documentElement &&
   document.documentElement.clientHeight)
      /* MSIE6 v std. režimu - Opera a Mozilla
      již uspěly s window.innerHeight */
      return document.documentElement.clientHeight;
   else if
   (document.body && document.body.clientHeight)
      /* starší MSIE + MSIE6 v quirk režimu */
      return document.body.clientHeight;
   else
      return null;
}
</script>
Kry5
Profil
Díky moc :-)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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

0