[ impact @ 03.06.2005. 01:07 ] @
Evo mene opet :(

Sada imam problem sa UL elementima. Naime, napravio sam svoj jednostavan show/hide vertikalni meni. U IE sve funcioniše perfektno, ali u FF klikom na DIV UL koji se nalazi u tom DIV-u se jednostavno ispiše preko DIV-a koji se nalazi ispod!

Meni treba da funkcioniše tako što će UL koji se nalazi unutar DIV-a na koji je kliknuto pomeriti DIV-ove koji se nalaze ispod...

Evo ga i link...
http://webdev.2point.co.yu/promedia/

Pomagajte...
[ Br@nkoR @ 03.06.2005. 13:17 ] @
Da li si pokušao sam da otkriješ problem?
Ovde se FF ponaša normalno. Dakle kada je neki sadržaj, koji se nalazi u nekom lajeru čija je visina fiksirana, duži od sadržaja lajera u kome se nalazi, neće doći do proširenja tog lajera, već će se javiti prelivanje odnosno overflow. Dok se kod IE dešava suprotna situacija, kod njega dolazi do proširenja tog lajera kod koga je dužina njegovog sadržaja duža od njega samog.
Nadam se da si ovo razumeo.
[ impact @ 03.06.2005. 13:30 ] @
Citat:
Da li si pokušao sam da otkriješ problem?


Jesam, otprilike više četiri sata pokušavam da rešim problem.
Na kraju sam uspeo tako što sam za DIV-ove .mitem i .mitema stavio dodao display:table;

Sa tim funkcioniše perfektno. Mada je tvoje rešenje puno bolje... Jednostavno sam izbacio height iz prethodno pomenutih stilova i sve radi OK...
[ impact @ 03.06.2005. 13:33 ] @
Još jedno pitanje: da li možda postoji hack da ovaj UL pomerim levo pa da i u IE-u i u FF-u budu pozicionirani isto?
[ Br@nkoR @ 03.06.2005. 13:52 ] @
Samo jedna napomena za prvi problem ukloni i height iz #mcolumn jer i on stvara probleme pa se razlikuje prikaz u FF i IE.

A što se tiče ovog drugog problema pokušaj da dodaš za ul.menu padding: 0;
[ impact @ 03.06.2005. 13:59 ] @
Citat:
Samo jedna napomena za prvi problem ukloni i height iz #mcolumn jer i on stvara probleme pa se razlikuje prikaz u FF i IE.


Kakve probleme? Kod mene se sad sve uredno prikazuje...

Citat:
A što se tiče ovog drugog problema pokušaj da dodaš za ul.menu padding: 0;


Rešio sam problem tako što sam prepravio sledeći stil u CSS-u:

Code:

ul.menu {
    list-style: none;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    left: -15px;
    color: white;
    line-height: 20px;
}


Sad se sve lepo prikazuje...
[ Br@nkoR @ 03.06.2005. 14:10 ] @
Citat:
Kakve probleme? Kod mene se sad sve uredno prikazuje...


Ne znam koju rezoluciju koristiš, neku veću pa ne primećuješ problem.
Pogledaj sajt npr. u rezoluciji 800x600 ili 1024x768 iz FF-a, videćeš da tekst koji se nalazi ispod menija izlazi iz plavog okvira.
Moguće da si sajt optimizovao za neki veću rezoluciju pa to i nije problem.
[ impact @ 03.06.2005. 14:18 ] @
Citat:
Ne znam koju rezoluciju koristiš, neku veću pa ne primećuješ problem.
Pogledaj sajt npr. u rezoluciji 800x600 ili 1024x768 iz FF-a, videćeš da tekst koji se nalazi ispod menija izlazi iz plavog okvira.
Moguće da si sajt optimizovao za neki veću rezoluciju pa to i nije problem.


Koristim 1028x1024, ali sajt treba da bude optimizovan za 800x600 (sirina sadrzaja sajta je 760 piksela)...

Jedino rešenje koje vidim u ovom trenutku jeste da umesto da DIV-ovima dodeljujem background-color, stavim jednu veliku sliku ispod, kako bi ispod tih DIV-ova uvek bila boja (od vrha do dna)...

Jel imaš možda neki drugi savet?
[ Br@nkoR @ 03.06.2005. 14:22 ] @
Ne znam, nešto mi pada na pamet da ta dva lajera levi i srednji staviš u jedan lajer i da mu dodeliš pozadinu kraćeg lajera ukoliko će se znati koji je kraći.

EDIT: Mada i ideja sa pozadinskom slikom nije loša.
[ impact @ 03.06.2005. 14:33 ] @
Citat:
Ne znam, nešto mi pada na pamet da ta dva lajera levi i srednji staviš u jedan lajer i da mu dodeliš pozadinu kraćeg lajera ukoliko se zna koji je kraći.


Oni bi uvek trebali da budu 100% visine i jednaki... znači koliki je sadržaj toliko su i oni visoki...
[ Br@nkoR @ 03.06.2005. 14:36 ] @
Nismo se baš najbolje razumeli mislio sam na visinu sadržaja. Dakle da li će uvek biti ovakva situacija kao što je sada da je sadržaj u levoj koloni kraći od srednje?
Mada probaj sa pozadinskom slikom.