js drop down meni problem

[vedran]

Napravio sam neki "divlji" js meni, da mi prikazuje layere, koji su navigacija, i problem se javlja kada resajzam browser.. onda mi se layeri "razbježe" po ekranu...

Help

[maxy]

problem positioninga layera o cemu ja bas nemam pojma (no zyt bi mogao pomoc).
ukoliko das kod koji pravi frku, lakse ce ti se pomoc :>

[vedran]

evo:

Code:

<div onmouseover="prikazi('1')" onmouseout="sakrij('1')" id="1" style="Background: #cecece; border: 1px solid #000000; position:absolute; width:75px; height:115px; z-index:1; left: 200px; top: 161px; visibility: hidden;"> Sadrzaj layera </div>

[zytzagoo]

Apsolutni positioning krece ili od ruba browsera (odnosno viewporta) ili od prvog roditeljskog apsolutno pozicioniranog elementa (ili fiksno pozicioniranog, a u nekim browserima i od relativno pozicioniranih elemenata). Vrlo skakljiva stvar, preporucam citanje sljedeceg:
http://www.brainjar.com/css/positioning/default.asp
http://www.westciv.com/style_master/academy/positioning_tutorial/ - (ovdje procitaj i o tome da layer element u html-u zapravo ne postoji, vec se koristi kao termin za neki css-om pozicionirani element, jer to po w3c specsima ne mora nuzno biti div element)

Mali izvadak sa linka: http://www.wpdfd.com/editorial/wpd1003.htm#feature

Quote:

Some pages use what I call 'house of cards' relative positioning where each box is positioned relative to another box in sequence. In theory, this should be perfectly okay. In practice, it's really asking for trouble. Internet Explorer has a different idea of what 'relative' means from all the other browsers. It also misinterprets the concept of 'padding' - as laid down in the official W3C specifications for the box model.

Dalje, mozes baciti pogled i ovamo: http://www.mako4css.com/TPos.htm

Ima jos tona linkova po netu...

Ako ti je site left align-an, onda ne bi trebao imati problema, ako ce biti centriran, onda preporucam da cijeli site stoji u nekom containeru koji je sam po sebi pozicioniran nekako, a <div> elemente koji predstavljaju menije onda pozicioniraj relativno u odnosu na taj vanjski container ako mozes... Ili apsolutno, ali unutar tog vanjskog containera, kako bi uvijek bili pozicionirani u odnosu na taj vanjski container, a ne na viewport, odnosno velicinu browser prozora...

Huh, svasta sam ja tu napisao sad...