DIV podrzędny "prześwituje" spod nadrzędnego.

Wszystko o HTML, XHTML, XML, CSS.
Venite
Obsługa CBA
Posty: 3197
Rejestracja: 18 lut 2011, 08:01:57
Lokalizacja: Kędzierzyn-Koźle
Płeć: Mężczyzna
User Agent: Firefox Windows 1440x900

DIV podrzędny "prześwituje" spod nadrzędnego.

Post autor: Venite »

Witajcie,

Mam problem. Umieściłem na stronie (forum phpBB) dwa DIV-y.
Jeden z menu:

Kod: Zaznacz cały

#menu { position:relative bottom;}
<!-- body ul.menu {
list-style-type:none;
width:1000px;
position: fixed;
bottom:0px;
left:0px;
display:block;
height:33px;
font-size:.6em;
overflow: hidden;
background:url(images/bg.png) repeat-x bottom center;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin-left:530px;
margin-bottom:-1px;
padding:0;
}

ul.menu li {
display:block;
float:middle;
margin:0;
padding-bottom:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*ORANGE*/
ul.menu.orange{
background-color:#DC4900;
}
ul.menu.orange li a:hover, .menu.orange li.current {
background-color:#F46D00;
} 
Zaś w drugim jest strona i jego CSS wygląda tak:

Kod: Zaznacz cały

#strona { width: 100% min-width:850px;max-width:1400px; min-height:880px max-height:1200px; margin-bottom:33px;}  
Wszystko jest niby oki, strona jest, menu jest, ale po "wjechaniu" na tematy dzieje się coś dziwnego - strona prześwituje przez menu.
SCREEN:
Obrazek.

Widzicie co się dzieje? Wtedy nie można kliknąć na żaden element menu.

Jak zlikwidować ten "prześwit"?
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: DIV podrzędny "prześwituje" spod nadrzędnego.

Post autor: fuma »

Venite
Obsługa CBA
Posty: 3197
Rejestracja: 18 lut 2011, 08:01:57
Lokalizacja: Kędzierzyn-Koźle
Płeć: Mężczyzna
User Agent: Firefox Windows 1280x1024

Re: DIV podrzędny "prześwituje" spod nadrzędnego.

Post autor: Venite »

Guzik :(

Po ustaleniu z-index 0 dla div-a strony, a z-index-1 dla diva menu, dalej prześwituje. Dodam tylko, że styl i div menu i strony są umieszczone w pliku "overall_header.html" phpbb3, jeśli to coś da. Odwrotnie (strona -1 a menu 0 też.)

---- EDIT ----

Wkurzyłem się. I zamiast do diva dałem z-index -1 do div strony, a po kolei 1,2,3,4,5,6 bezpośrednio do "ul" i "li" class w CSS.

I zadziałało! :D

fuma, dajesz wiarę, byłem na tej stronie! I sądziłem, że z-index to nie to czego szukam...
Ehh. Było spróbować... :P

Dzięki za naprowadzenie, na Ciebie można liczyć ;]
Czy wiesz, że:
  • W Panelu CBA w sekcji "wsparcie" jest dedykowany system ticketów (obsługi technicznej)
  • Odpowiadamy na Forum oraz na adres mailowy obsluga(malpa)cba.pl
  • Jesteśmy również na Facebooku! Znajdź nas na facebook.com/hostingcba | cba.pl
W czym jeszcze możemy pomóc?
ODPOWIEDZ