Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

UL problem sa preklapanjem...

[es] :: Web dizajn i CSS :: UL problem sa preklapanjem...

[ Pregleda: 3897 | Odgovora: 10 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

impact
Vladimir Golušin
Kikinda

Član broj: 2517
Poruke: 112
*.flashnet.co.yu.



Profil

icon UL problem sa preklapanjem...03.06.2005. u 01:07 - pre 229 meseci
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...
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 13:17 - pre 229 meseci
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.
Banned - Not available
 
Odgovor na temu

impact
Vladimir Golušin
Kikinda

Član broj: 2517
Poruke: 112
*.flashnet.co.yu.



Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 13:30 - pre 229 meseci
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...
 
Odgovor na temu

impact
Vladimir Golušin
Kikinda

Član broj: 2517
Poruke: 112
*.flashnet.co.yu.



Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 13:33 - pre 229 meseci
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?
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 13:52 - pre 229 meseci
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;

Banned - Not available
 
Odgovor na temu

impact
Vladimir Golušin
Kikinda

Član broj: 2517
Poruke: 112
*.flashnet.co.yu.



Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 13:59 - pre 229 meseci
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...
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 14:10 - pre 229 meseci
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.
Banned - Not available
 
Odgovor na temu

impact
Vladimir Golušin
Kikinda

Član broj: 2517
Poruke: 112
*.flashnet.co.yu.



Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 14:18 - pre 229 meseci
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?
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 14:22 - pre 229 meseci
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.
Banned - Not available
 
Odgovor na temu

impact
Vladimir Golušin
Kikinda

Član broj: 2517
Poruke: 112
*.flashnet.co.yu.



Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 14:33 - pre 229 meseci
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...
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: UL problem sa preklapanjem...03.06.2005. u 14:36 - pre 229 meseci
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.
Banned - Not available
 
Odgovor na temu

[es] :: Web dizajn i CSS :: UL problem sa preklapanjem...

[ Pregleda: 3897 | Odgovora: 10 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.