Avatar billede bechbox Nybegynder
16. marts 2005 - 04:09 Der er 3 kommentarer

CSS liste-problem i IE

Hej

Jeg sidder med et problem på:

http://www.arbejdsmiljoeweb.dk/Pas_paa_din_krop/Forflytning.aspx

Det drejer sig om venstremenuen - prøv at scrolle ned og op igen og se hvordan menu-grafikken brokker sig. I Mozilla og Safari virker det fint

html'en er:

                    <div id="submenu">
                   
                        <ul class="sub_1_ul">
                            <li class="sub_1_li_aktiv">
                                <a href="/Pas_paa_din_krop/Forflytning.aspx">Forflytning (personløft)</a>
                               
                                <ul class="sub_2_ul">
                                    <li class="sub_2_li"><a href="/Pas_paa_din_krop/Forflytning/Grundregler.aspx">Grundregler</a></li>
                                    <li class="sub_2_li"><a href="/Pas_paa_din_krop/Forflytning/Case,-c-,_Et_smaeld_i_laenden.aspx">Case: Et smæld i lænden</a></li>
                                </ul>
                               
                            </li>
                           
                            <li class="sub_1_li"><a href="/Pas_paa_din_krop/Mus_og_skaerm.aspx">Mus og skærm</a></li>
                            <li class="sub_1_li"><a href="/Pas_paa_din_krop/Arbejdsstillinger.aspx">Arbejdsstillinger</a></li>
                            <li class="sub_1_li"><a href="/Pas_paa_din_krop/Ensidigt_gentaget_arbejde.aspx">Ensidigt gentaget arbejde</a></li>
                        </ul>
                       
                    </div>

og css'en er:

#submenu {
    margin: 15px 0 0 0;
}

#submenu .sub_1_ul {
    padding: 0 0 0 0px;
    margin: 0px;
    font-size: 10px;
}

#submenu .sub_1_li {
    padding: 5px 0 8px 15px;
    list-style-image: url(http://www.arbejdsmiljoeweb.dk/upload/blank.gif);
    border-bottom: 1px solid #fff;
    background: url(http://www.arbejdsmiljoeweb.dk/upload/submenu_bg.gif) top left no-repeat;
    font-size: 10px;
}

#submenu .sub_1_li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}

#submenu .sub_1_li_aktiv {
    padding: 5px 0 8px 15px;
    list-style-image: url(http://www.arbejdsmiljoeweb.dk/upload/blank.gif);
    border-bottom: 1px solid #fff;
    background: url(http://www.arbejdsmiljoeweb.dk/upload/submenu_bg_aktiv.gif) top left no-repeat;
    font-size: 10px;
}

#submenu .sub_1_li_aktiv a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
}

#submenu .sub_2_ul {
    padding: 0px;
    margin: 9px 0 -9px -15px;
    width: 164px;
    background-color: #e6e8eb;
    font-size: 10px;
}

#submenu .sub_2_li {
    padding: 3px 0 3px 0px;
    margin: 0px 0 0 15px;
    list-style-image: url(http://www.arbejdsmiljoeweb.dk/upload/blank.gif);
    background-color: #e6e8eb;
    font-weight: normal;
    font-size: 10px;
}

#submenu .sub_2_li a {
    color: #666;
    text-decoration: none;   
    font-weight: normal;
    font-size: 10px;
}

#submenu .sub_2_li_aktiv {
    padding: 3px 0 3px 0px;
    margin: 0px 0 0 15px;
    list-style-image: url(http://www.arbejdsmiljoeweb.dk/upload/blank.gif);
    background-color: #e6e8eb;
    font-weight: normal;
    font-size: 10px;
}

#submenu .sub_2_li_aktiv a {
    color: #666;
    text-decoration: none;   
    font-weight: normal;
}

Er der nogen der kan gennemskue, hvad der er galt?
Avatar billede Slettet bruger
16. marts 2005 - 13:46 #1
This page is not Valid XHTML 1.0 Transitional!

Valider din side og ret fejl, brug evt. en anden doc type

http://validator.w3.org/check?verbose=1&uri=http%3A//www.arbejdsmiljoeweb.dk/Pas_paa_din_krop/Forflytning.aspx#result
Avatar billede bechbox Nybegynder
16. marts 2005 - 19:27 #2
Ved godt at siden ikke validerer - det cms de bruger kan nærmest ikke tvinges til at spytte noget ud, der vil overholde en given doctype.

Kan det ha' nogen indflydelse på menuen, når nu selve koden for menuen validerer?
Avatar billede Slettet bruger
16. marts 2005 - 20:57 #3
Menuen validerer ikke: prøv dette link

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.arbejdsmiljoeweb.dk/Pas_paa_din_krop/Forflytning.aspx

Jeg kan godt se at det er en "maskine" [SiteCore .NET version 4.3.2.5] det er lavet på, og det er som med mange andre det er næsten umuligt at gennemskue og rette.

Beklager men jeg kan ikke hjælpe dig, og var det mig der stod med sagen, ville jeg nok overveje at droppe projectet.
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

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging