Avatar billede pitzen Nybegynder
28. oktober 2008 - 17:13 Der er 15 kommentarer og
1 løsning

Gamle Browsere smadrer design

Hey!

På mit site: gratis-mode.dk oplever jeg fejl i IE6 og nedefter..

Fejlen er i menubjælken, som er bygget op med li-tags og CSS style..

Jeg har sat li til at floate left.

Jeg tror måske fejlen kommer pga. jeg har sat li a{display: block;} men er ikk sikker.

Nogen der kan spotte en fejl?

CSS:
http://gratis-mode.dk/includes/menu.css

Mvh

P
Avatar billede ssv Nybegynder
28. oktober 2008 - 18:10 #1
Det er sjovt som den side minder om noget jeg har set før.. (HINT: PointShop.dk ;-)
Avatar billede ssv Nybegynder
28. oktober 2008 - 18:16 #2
Sæt en float: left; på din 'li a'
Avatar billede pitzen Nybegynder
28. oktober 2008 - 18:30 #3
Det giver en lidt mærkelig dropdown.. Den bliver nemlig også vandret så..

:(
Avatar billede zips Juniormester
28. oktober 2008 - 18:42 #4
Prøv denne :)

#sddm{
    margin: 0;
    padding: 0;
    z-index: 1;
}

#sddm li{
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}

#sddm li a{
    height: 29px;

    width: 90px;
    display: block;
    padding: 10px 0px 0px 20px;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
}

#sddm li a:hover{
    background: url(../graphics/menu_bg_over.jpg) repeat-x;
}

#sddm div{
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    background: #57554E;
    padding-top: 10px;
    z-index: 1;
}

    #sddm div a{
        position: relative;
        display: block;
        width: 130px;
        margin: 0;
        padding: 0 20px 0 20px;
        white-space: nowrap;
        font-size: 9pt;
        background: #57554E;
        color: #FFFFFF;
    }

    #sddm div a:hover{
        background: #57554E;
        color: #D6D17A;
    }
Avatar billede olebole Juniormester
29. oktober 2008 - 10:37 #5
<ole>

Du er nok nødt til at lægge et link til din side. F.eks. er af det vigtigste i denne forbindelse, hvad du skriver før dit <html>-tag  ;o)

/mvh
</bole>
Avatar billede ssv Nybegynder
29. oktober 2008 - 10:43 #6
Der er et link > Se 2. linje: På mit site: _gratis-mode.dk_ oplever jeg fejl i IE6 og nedefter..

;-)
Avatar billede dondy-kurt Nybegynder
30. oktober 2008 - 10:25 #7
din float left, skalm ikke ligge i din #sddm ul li men i din #sddm ul li a{
Avatar billede dondy-kurt Nybegynder
30. oktober 2008 - 10:28 #8
For det andet så skal de hedde
#sddm{}
#sddm ul{}
#sddm ul li{}
#sddm ul li a{}
#sddm ul li a:hover{}

og så skal der ikke stå float:left; i
#sddm ul li{} men i
#sddm ul li a{}
Avatar billede olebole Juniormester
30. oktober 2008 - 11:13 #9
Nej, hvis menuen skal være vandret, skal li-elementerne naturligvis floates  =)

ssv >> Jeg er på en konference i disse dage og har ikke en IE6 på denne maskine, men jeg tjekker siden i IE6 i aften  ;o)
Avatar billede zips Juniormester
30. oktober 2008 - 11:19 #10
Siden virker i IE6 nu, jeg kan se der er brugt det jeg skrev og sat text-align:center på #sddm li a og text-align: left på #sddm div a samt ændret en width.

Her er link til den menu han bruger http://javascript-array.com/scripts/simple_drop_down_menu/
Avatar billede pitzen Nybegynder
30. oktober 2008 - 11:28 #11
Ja, jeg fik det til at virke zips..

1000 tak for hjælpen :)

Smider du svar?
Avatar billede dondy-kurt Nybegynder
30. oktober 2008 - 11:33 #12
svar.
Avatar billede dondy-kurt Nybegynder
30. oktober 2008 - 11:33 #13
hvorfor skal man egentlig smide et svar?
Avatar billede dondy-kurt Nybegynder
30. oktober 2008 - 11:33 #14
svar
Avatar billede zips Juniormester
30. oktober 2008 - 11:37 #15
Her er et svar :)
Avatar billede zips Juniormester
30. oktober 2008 - 12:05 #16
Tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester