Autor | Zpráva | ||
---|---|---|---|
miomilas Profil |
#1 · Zasláno: 20. 3. 2011, 02:04:47
Vložil jsem do stránky LAYER tímto způsobem:
<div style="position: absolute; width: 198px; height: 136px; z-index: 1; left: 692px; top: 111px" id="layer1"> <img border="0" src="autogif.gif" width="197" height="140"></div> Problém je v tom, že prohlížeče berou absolutní pozici LAYERu (left: 692px) od okraje displaye, což je problém při zobrazování stránky na laptopu a nebo velkém displayi, třeba 26 inchů. Tam se obrázek na pozadí (nikoliv ale background) roztáhne a LAYER už je pak mimo původní požadovanou pozici. Prosím o radu miomilas |
||
miomilas Profil |
#2 · Zasláno: 20. 3. 2011, 02:41:52
Tak jsem to znova zkoumal...
Vyzkoušel jsem relativní pozicování, u Top jsem zadal pořadovanou pozici se znaménkem minus, a trochu se to vylepšilo: <p align="center"><img border="0" src="top25.png" width="1267" height="366"></p> <div style="position: relative; width: 198px; height: 136px; z-index: 1; left: 500px; top: -294px" id="layer1"> <img border="0" src="autogif.gif" width="197" height="140"></div> Ale pořád je tam chyba při tom zobrazování ba velkém a malém displayi: Pči zobrazená na velkém displayi se LAYER znovu posouvá. Výška zůstává stejná, TOP tedy funguje, ale v okamžiku, kdy přepnu na plné zobrazení celé stránky na velkém displayi, LAYER se pořád chová (i při relativním zobrazování) absolutně co do vlastnosti LEFT. Pokud mně s tím někdo pomůže... miomilas |
||
joe Profil |
#3 · Zasláno: 20. 3. 2011, 02:47:53
Popravdě, vůbec nechápu čeho se snažíš dosáhnout... nemáš nějaký wireframe nebo obrázek toho, čeho chceš docílit?
Takhle mi přijde, že nevíš k čemu se používá absolutní i relativní pozicování. |
||
miomilas Profil |
#4 · Zasláno: 20. 3. 2011, 03:25:29
Tak ještě jednou, ono se mně to povedlo! Povedlo se to díky vnořeněmu pozicování.
Díky. Vypadá to takhle: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <body> <div style= "width: 1300px; position: relative; margin: auto"> <p><img border="0" src="top25.png" width="1267" height="366"> <div style="position: absolute; width: 198px; height: 136px; z-index: 1; left: 495px; top:95px" id="layer1"> <img border="0" src="autogif.gif" width="197" height="140"></p></div></div> </body> </html> |
||
joe Profil |
#5 · Zasláno: 20. 3. 2011, 03:43:12
Je ti jasné, že
<div style= "width: 1300px; position: relative; margin: auto"> Pořád nevím co potřebuješ. Chceš mít snad jen nějaký DIV na přesné pozici? Ať se jedná o jakékoli rozlišení? K tomu tohle všechno nepotřebuješ. <img border="0" src="top25.png" ...> Nevím co tam je za obrázek, ale tipnul bych si, že by měl být pomocí CSS. |
||
Joker Profil |
#6 · Zasláno: 20. 3. 2011, 08:42:56
joe:
„zobrazí horizontální posuvník při malém rozlišení“ I na „normálních“ rozlišeních, podle statistik je nejčastější šířka obrazovky 1280 a 1024px. |
||
Časová prodleva: 13 let
|
0