Autor | Zpráva | ||
---|---|---|---|
trneny2 Profil |
#1 · Zasláno: 6. 2. 2010, 00:20:40
Ahoj,
webem bloudím teprve chvilku a už tu mám pro mne nerozluštitelný problém. mám div s position:fixed a div s výškou a šířkou dle velikosti okna. Naprogramovat to (téměř) není problém, ovšem s módy už je to horší. Ať použiji který chci, prostě se to vždy někde podělá. Potřebuju aby to vypadalo takto (otevírat v IE - u mne verze 8), ale v ostatních prohl. (Chrome, MOZ, Arora, NN, Sea, Safari aj.) to nepřizpůsobí velikost toho druhýho divu. doctype je <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01"> document.documentElement.clientWidth document.documentElement.clientHeight <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> document.body.clientHeight document.body.clientWidth kód z příkladu na webu: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title>pokus</title> </head> <body> <div id="white" style="visibility:visible;position:fixed;z-index:31;background-color:green;width:100px;height:50;left:50%;top:50%;"> asd </div> <div id="black" style="visibility:visible;z-index:30;background-image: url('http://nejvtipici.xf.cz/radek/cerna.png');width:300px;height:100px;position:fixed;left:0;top:0;"> </div> <script type="text/javascript"> document.getElementById('black').style.width=document.documentElement.clientWidth; document.getElementById('black').style.height=document.documentElement.clientHeight; document.write(document.body.clientHeight,"<br>",window.innerHeight,"<br>",document.documentElement.clientHeight,"<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>ahoj"); </script> </body> </html> |
||
Chamurappi Profil |
#2 · Zasláno: 6. 2. 2010, 03:20:18 · Upravil/a: Chamurappi
Reaguji na trnenyho2:
Ve standardním režimu jsou v CSS povinné jednotky, takže pokud přiřadíš číslo z document.documentElement.clientWidth do CSS vlastnosti ukrývající se v cokoliv.style.width , neudělá to nic.
Ke quirku: „nejede zase v IE ten position:fixed“ Stejného efektu můžeš dosáhnout, pokud celý obsah strčíš do <div>u se stoprocentními rozměry a overflow: auto a to, co se rolovat nemá, umístíš mimo tento <div> a napozicuješ před něj.
|
||
trneny2 Profil |
#3 · Zasláno: 6. 2. 2010, 18:50:02
super!! tak toto by mě nikdy nenapadlo.. už jsem si i udělal tabulku chování prohlížečů v různých módech, ale pořád mi nešlo do hlavy jak to zkombinovat.. ;) DÍKY !!!
|
||
Časová prodleva: 14 let
|
0