Zaloguj się

Koleś · (Ten post był ostatnio modyfikowany: 20-07-2009, 21:55 przez Koleś.)

Witajcie. Programuję serwis randkowy, mam problem z CSS-em, już 3. raz podchodzę do tego i nie wiem jak rozwiązać. Jest lista ze znajomymi, po kliknięciu w przycisk pojawia się menu, tylko, że chowa się pod spód na każdej przeglądarce, nie wiem czemu.

Kod:
.friend

{

    position:relative;

    display:-moz-inline-stack;

    display:inline-block;

    zoom:1;

    *display:inline;

    /*float:left;*/

    z-index:2;

    width:135px;

    height:200px;

    margin-left:5px;

    background:url(../images/friendBg.png) center no-repeat;

} 

.friendMenu

{

    display:none;

    position:absolute;

    overflow:hidden;

    z-index:3;

    bottom:-60px;

    left:12px;

    width:142px;

    height:57px;

    padding:10px;

    background:url(../images/friendMenuBg.png) center no-repeat;

    font-size:11px;

    font-weight:bold;

    color:#8a8a8a;

    text-decoration:underline;

}

http://koles.czest.pl/rozne/znajomiMenu1.jpg
http://koles.czest.pl/rozne/znajomiMenu2.jpg

Zwróćcie uwagę, że ustawiłem z-index tak, jak należy, natomiast

Kod:
display:-moz-inline-stack;

display:inline-block;

zoom:1;

*display:inline;

to taki hack pod IE

Jakiś pomysł? Z góry dzięki za pomoc.

**Labsta.com** · 20-07-2009, 22:11

Mogę jedynie podpowiedzieć teoretycznie co może być nie tak.
Jeśli inline zastępuje Ci float to to może być błąd, gdyż z-index nie działa z float.
Możliwe też że jak w .friend usniesz z-index to zacznie działać i na to bym stawiał.
Oprócz tego samo position: absolute powoduje wejście na wyższą warstwę (wyjmuje element z biegu dokumentu) - tak robię ja, bez z-index i mi to działa.
Tu masz trochę teorii w "Kontekst stosu": http://www.kurshtml.boo.pl/css/nakladanie,pozycjonowanie.html

Koleś · (Ten post był ostatnio modyfikowany: 20-07-2009, 22:39 przez Koleś.)

Teraz już rozumiem o co chodzi ze stosami, usunąłem z-index i działa, ale nie pod IE. Wiesz dlaczego?

**Labsta.com** · 20-07-2009, 23:11

Cięzko stwierdzić, z tego co widzę używasz tych hacków http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ może tam jest odpowiedź.
Może opisz dokładnie co jest grane, wstaw kod, a najlepiej daj link.
Na dobrą sprawę to może być cokolwiek, ale stawiam na display: inline-block;

Spróbuj jeszcze do <head> dać to, czasem pomaga z IE:

Kod:
<!--[if lt IE 8]>

<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>

<![endif]-->

Koleś · (Ten post był ostatnio modyfikowany: 21-07-2009, 21:39 przez Koleś.)

To nie pomogło, zrobiłem styl inline generowany w PHP, każdy kolejny div ze znajomym ma z-index o 1 mniejszy od poprzedniego aż do 1 i jest ok.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie