Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html]/[css] menu sie rozjedza pod ie6
Forum PHP.pl > Forum > Po stronie przeglądarki
Ratyo
Witam, właśnie wdrażam owy projekt: http://ck.ratyodesign.pl/

W Operze, FF, Chromie etc wszystko jest ok, ale spójrzcie pod IE6, koniecznie 6, bo pod 7 jest jeszcze ok. Widać jak kolejna pozycja w menu przesuwa się coraz niżej oraz aktualności.

Czekam na pomoc, pzodrawiam!
JoShiMa
A może bys rzucił jakims screenem? Przecież nie każdy ma IE6. Przydałyby się też fragmenty kodu odpowiedzialnego za to menu...
Ratyo
Proszę bardzo - screen: http://i39.tinypic.com/2uhbxfs.jpg

html/

Kod
<div id='mmenu'>
    <ul id="menu">
        <li class="onas"><a href="index.html"><span >O nas</span></a></li>
        <li class="projekty"><a href="index.html"><span>O nas</span></a></li>
                <li class="pokl"><a href="index.html"><span>O nas</span></a></li>
        <li class="rozwiazania"><a href="index.html"><span>O nas</span></a></li>
        <li class="kontakt"><a href="index.html"><span>O nas</span></a></li>
    </ul>
</div>


css /

Kod
#menu {
    list-style-type:none;
    display:block;
}

#menu .onas a {
background-image: url('images/ck2x_08.jpg');
background-repeat:no-repeat;
display:block;
height:78px;
position:relative;
text-decoration:none;
width:70px;
}

#menu .onas a:hover {
background-image: url('images/ck_08.jpg');
}

#projekty {
    background-image: url('images/ck2x_09.jpg');
    width: 94px;
    height: 78px;
    float: left;
}

#projekty:hover {
    background-image: url('images/ck_09.jpg');
    width: 94px;
    height: 78px;
    float: left;
}

#pokl {
    background-image: url('images/ck2x_10.jpg');
    width: 70px;
    height: 78px;
    float: left;
}

#pokl:hover {
    background-image: url('images/ck_10.jpg');
    width: 70px;
    height: 78px;
    float: left;
}


#rozwiazania {
    background-image: url('images/ck2x_11.jpg');
    width: 165px;
    height: 78px;
    float: left;
}

#rozwiazania:hover {
    background-image: url('images/ck_11.jpg');
    width: 165px;
    height: 78px;
    float: left;
}

#kontakt {
    background-image: url('images/ck2x_12.jpg');
    width: 93px;
    height: 78px;
    float: left;
}

#kontakt:hover {
    background-image: url('images/ck_12.jpg');
    width: 93px;
    height: 78px;
    float: left;
}
JoShiMa
position:relative;

To się nie tak robi.

  1. #menu li{
  2. float: left;
  3. }


I będziesz miał po kłopocie.

I po co Ci ten <span> wewnatrz a?
Ratyo
Ok, dzieki winksmiley.jpg Probleme był wspomniane przez Ciebie sprany, dlaczego to do końća nie wiem, skoro u znajomego to działą w ten sposób, aczkolwiej najważniejsze, że teraz się nie rozwala.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.