CSS- prisposobovanie vysky paticky

30. 7. 2010 18:16:46

Mam takyto kod. Mam tam 2 divy. Div left ma stalu velkost. Ide mi o to aby sa mi paticka zvacsovala a zmensovala podla velkosti okna prehliadaca, respektive podla rozlisenia. napr. ak mam velkost rozlisenia na vysku 1280 a div left ma vysku napr. 600 tak paticka bude mat 1280 - 600 = 680px. Jednoducho potrebujem aby na stranke nebolo ziadne ciste miesto. Bol by najskor div left, pod nim paticka a tej vyska sa bude menit podla potreby. Skusal som to takto ako to je v kode ale nefunguje to spravne. Skusal som aj googlit ale nemozem najst to co potrebujem. Budem vdacny za kazdu radu.

30. 7. 2010 18:16:46

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-prisposobovanie-vysky-paticky/#reply536544

vindi

(5 hodnocení)

30. 7. 2010 18:58:15

jestli chapu dobre tak nechces, aby ti litala paticka nekde? nezda se mi nejsikovnejsi zvysovat paticku - to jedine pomoci JavaScriptu, kerej bude prepocitavat velikost okna

jako vhodnejsi reseni se mi zda umistit paticku absolutne na spodek stranky

30. 7. 2010 18:58:15

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-prisposobovanie-vysky-paticky/#reply536543

Jan Matoušek

(12 hodnocení)

2. 8. 2010 07:50:04

Napsal middlesboro;546049
Mam takyto kod. Mam tam 2 divy. Div left ma stalu velkost. Ide mi o to aby sa mi paticka zvacsovala a zmensovala podla velkosti okna prehliadaca, respektive podla rozlisenia. napr. ak mam velkost rozlisenia na vysku 1280 a div left ma vysku napr. 600 tak paticka bude mat 1280 - 600 = 680px. Jednoducho potrebujem aby na stranke nebolo ziadne ciste miesto. Bol by najskor div left, pod nim paticka a tej vyska sa bude menit podla potreby. Skusal som to takto ako to je v kode ale nefunguje to spravne. Skusal som aj googlit ale nemozem najst to co potrebujem. Budem vdacny za kazdu radu.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><style>body { margin: 0px; padding: 0px; background-image: url(bc.jpg);}#left { width: 1076px; height: 622px; float: left; background-image: url(left.jpg);}#footer { position: absolute; top: 622px; left: 0px; width: 100%; border: solid 1px; background-color: white; height: 25%;}</style><head> <title>Hello!</title></head><body><div id="left"></div><div id="footer"></div></body></html>

no šířku a výšku okna získáš pomocí

var vyskaOkna = $(window).hegiht();

var sirkaOkna = $(window).width();

potom tedy udělat:

var paticka = sirkaOkna - vyskaOkna;

a pomoci funkce attr změnit hodnoty paticky

$("#footer").attr({"width:1076px, height:" +paticka+ "});

2. 8. 2010 07:50:04

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/css-prisposobovanie-vysky-paticky/#reply536542