Galeria jQuery, problem z "position" pod kazda przegladarke

[sonitzek]

Witam,

Mam problem.
http://www.tomaszlabedzki.com/weddingsite/index2.html

Nie potrafię poprawnie skonfigurować kodu css, tak aby każda przeglądarka wyświetlała galerię w odpowienim, stałym miejscu, tj. 130px od góry okna i 20px od lewej krawedzi okna.
Obecnie jest niby ok, poza tym, że przy mniejszym oknie galeria stale utrzymuje odległości niezależnie od tego czy scrollbary sa przewiniete czy nie (kiedy przewijamy okno w dol galeria zostaje w miejscu.

Kod css:

#slideshow {
position:fixed;
top: 0px;
}

#slideshow IMG {
position:absolute;
top:130px;
left:20px;
z-index:8;
opacity:0.0;
border:0px;
}

#slideshow IMG.active {
z-index:10;
opacity:1.0;
}

#slideshow IMG.last-active {
z-index:9;
}

Proszę o pomoc.

[Kartofelek]

Masakra kolego. Nie używaj tak pozycjonowania. Widziałeś co się dzieje jak zmniejszysz okno i poruszasz paskiem?
Do twojej strony nie potrzeba żadnego pozycjonowania.

[sonitzek]

Masakra kolego. Nie używaj tak pozycjonowania. Widziałeś co się dzieje jak zmniejszysz okno i poruszasz paskiem?
Do twojej strony nie potrzeba żadnego pozycjonowania.

Właśnie o tym napisałem.
To jest pozycjonowanie samej galerii, która wyświetla obrazy.
Jeśli potrafisz to poprawić "bez pozycjonowania" proszę wklej kod lub coś co pomoże mi ogarnąć temat.

[Kartofelek]

Kod:

<div class="czarna_belka"></div>
<a href="" class="logo"></a>
<ul class="menu">...</ul>
<div class="galeria"></div>

Nic więcej ci nie potrzeba. Wystarczy to ostylować używając zwykłych styli (display:block; clear:both; width; height). I tyle.

[sonitzek]

Kod:

<div class="czarna_belka"></div>
<a href="" class="logo"></a>
<ul class="menu">...</ul>
<div class="galeria"></div>

Nic więcej ci nie potrzeba. Wystarczy to ostylować używając zwykłych styli (display:block; clear:both; width; height). I tyle.

W momencie gdy "#slideshow IMG" nie ma parametru position, zdjecia wyswietlaja sie jedno pod drugim. Nie potrafie tego poprawnie zrobić.

;>

[Kartofelek]

Ależ kolego to jest oczywiście zrozumiałe.
Masz kontener galeria (patrz mój kod) i W NIM zdjęcia pozycjonowane. Jedno nie ma nic wspólnego z drugim.
Myśl o blokach. Masz stronę - blok. W nim masz header - blok. W headerze panel logowania - blok. Względem każdego bloku możesz pozycjonować oddzielnie (wystarczy dać mu position:relative - co nie zmienia nic w jego polozeniu)

[sonitzek]

[Kartofelek]

1) dla #CALOSC_DOKUMENTU daj min-width nieco większy niż galeria. dzieki temu nie bedzie ci sie menu zawijało.
2) dla #GLOWNA_TRESC_W_INDEX daj text-align:left

Ogólnie jeszcze sporo nauki przed tobą, bo póki co kod jest bardzo zły. Dame nazwy ID to koszmar

[Bucky]

id="PRZERWA_POMIEDZY_NAGLOWKIEM_A_GLOWNA_TRESCIA"

OMG!