Autor Zpráva
miomilas
Profil
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
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
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
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
Je ti jasné, že
<div style= "width: 1300px; position: relative; margin: auto">
ti zobrazí horizontální posuvník při malém rozlišení? K čemu tam ten odstavec?
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
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.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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