Elcsúszik a div

viktor1230 képe

Csináltam egy div táblázatot (térkép ikonokkal) de az külömböző képernyő felbontásban mindig máshol van http://witmet.hu/?q=node/741 erre gondolok. Ezt hogy lehetne megoldani hogy ott maradjon ezen a egy helyen.

A térkép html kódja:
<div style="BACKGROUND-IMAGE: url('http://witmet.hu/sites/default/files/kepek/ezt2.jpg') ;position: absolute; top: 786px; left: 154px; WIDTH: 571px; HEIGHT: 363px"><img src="http://witmet.hu/sites/default/files/kepek/kozepesen_felhos.gif" style="LEFT: 466px; POSITION: absolute; TOP: 80px; width:45px; height:41px" alt="" /> <img src="http://witmet.hu/sites/default/files/kepek/kozepesen_felhos.gif" style="LEFT: 258px; POSITION: absolute; TOP: 182px; width:56px; height:51px" alt="" /> <img src="http://witmet.hu/sites/default/files/kepek/kozepesen_felhos.gif" style="LEFT: 336px; POSITION: absolute; TOP: 65px; width:53px; height:47px" alt="" /> <img src="http://witmet.hu/sites/default/files/kepek/kozepesen_felhos.gif" style="LEFT: 100px; POSITION: absolute; TOP: 111px; width:54px; height:49px" alt="" /> <img src="http://witmet.hu/sites/default/files/kepek/kozepesen_felhos.gif" style="LEFT: 134px; POSITION: absolute; TOP: 276px; width:47px;height:40px" alt="" /> <img src="http://witmet.hu/sites/default/files/kepek/kozepesen_felhos.gif" style="LEFT: 370px; POSITION: absolute; TOP: 239px; width:46px; height:39px" alt="" /></div>
<div style="position: absolute; width: 191px; height: 47px; z-index: 1; left: 154px; top: 786px" id="layer1">
Előrejelzés 2011.8.11:</div>
<div style="position: absolute; width: 570px; height: 54px; z-index: 2; left: 152px; top: 729px" id="layer2">
<b>2011.8.11:</b> A nap folyamán sehol sem várható csapadék csak az északi
országrészben várható kisebb felhősödés. A szél mérsékelt marad. Reggel 8
fok nappal pedig 22-25 fok várható!</div>

Köszönöm a segítséget!!!

Drupal verzió: 
Fórum: 
segi képe

Ez csupán css kérdése de, nem igazán értem hogy mért pozicionálsz minden elemet "absolute"-tal, mivel a content div-et pont erre találták ki, hogy egyben tartsa az oldal tartalmát.
Szóval mindenképp szedd ki a position:absolute-ot és cseréld le position:relative-ra. Próbáld azt hogy mindent a content div-hez próbálsz pozicionálni mert jó látszik, hogy az mindig középen marad!

2
0

Drupal developer at Cheppers

viktor1230 képe

Na igen át tettem relatívra csak így egy gond van hogy nem tudom beállítani hogy hol legyenek az ikonok (mert amúgy csak át kellett húznom...) Így hogyan lehet beállítani pontosan a térképre az ikonokat? Jelenleg így van: http://witmet.hu/?q=node/741

0
0
segi képe

Ugye most azért mászik el, mert most már nem az oldal széléhez viszonyít hanem a content-hez így a top, left,stb attribútumokat kell beállítani ehhez mérten!

1
0

Drupal developer at Cheppers

viktor1230 képe

Tényleg ez nem is jött eszembe :D de most már akkor játszadozok vele egy kicsit amíg nem lesz ott ahol kell! Nagyon köszönöm a segítséget!!!

0
0