Avatar billede evilfish Nybegynder
20. april 2009 - 08:50 Der er 12 kommentarer og
1 løsning

CSS Classes virker ikke i Internet Explorer

Hej Eksperter

Jeg er ved at lave en hjemmeside, hvor jeg har en CSS fil til al font styring. Desværre er jeg løbet ind i et problem, som betyder at internet Explorer ikke kan læse CSS filen rigtigt, eller også er det måden den bruges på der er forkert.

Her er hvad jeg har opdaget indtil videre. Jeg lavede 2 css definitioner af samme type, bare defineret på en forskellig måde:

n4p.content
{
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    color: #333333;
}

.testcontent
{
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    color: #333333;
}

Som I kan se er den ene klasse opdelt (n4p), hvor den anden ikke er. Jeg har fundet ud af at den uden klasse virker fint i Internet Explorer, men den anden virker ikke.

Sådan her bruger jeg definere jeg begge:

Med klasse:
<n4p class="content">foo</n4p>

Uden klasse:
<tr class="testcontent" height="25">bar</tr>

Den sidste fungerer i IE, men den anden gør ikke. Jeg kunne godt ændre min CSS fil til at køre uden klasser, men jeg vil helst undgå dette, så hvordan bruger jeg CSS der er klasse opdelt i IE eller bruger det rigtigt?

PS. Det hele fungerer perfekt i Firefox
Avatar billede CCodam Nybegynder
20. april 2009 - 09:13 #1
#0 Nu har jeg en relativ lille forstand på css, så det næste jeg skriver, kan meget vel være forkert.
Jeg mener dog ikke at man kan bruge selv oprettede klasser, så som n4p, men kun de normale p, li, ul, td, tr osv?? Jeg er i hvert fald sikker på at laver du en tr.content, så ville denne virke fint...
Avatar billede olebole Juniormester
20. april 2009 - 09:56 #2
<ole>

Jamen, du kan da ikke bare lige pludselig opfinde dit eget private n4p-tag  :D

/mvh
</bole>
Avatar billede olebole Juniormester
20. april 2009 - 09:59 #3
- og denne holder da heller ikke en kvart meter:
    <tr class="testcontent" height="25">bar</tr>

Måske, du skulle lære lidt helt grundlæggende HTML  ;o)
Avatar billede CCodam Nybegynder
20. april 2009 - 10:04 #4
#3 Nu spørger jeg sikkert dumt, men hvad præcist er der galt med <tr class="testcontent" height="25">bar</tr>? jeg ser da tit folk bruge tr class?
Avatar billede evilfish Nybegynder
20. april 2009 - 10:05 #5
#3: Det er bare et udgangspunkt. Indholdet af <TR> fylder jeg ved ikke hvormeget, og gider ikke paste informationer der ikke støtter problem stillinger.

Mit <n4p> tag virker fint i firefox. Ingen problemer og typografien fungerer uden problemer. Sudsede dog også over hvordan det kunne lade sig gøre i første omgang. Da jeg så testede på IE gik det da også galt.

Så er der mulighed for at kalde n4p.* css styles i IE, så de virker?
Avatar billede CCodam Nybegynder
20. april 2009 - 10:07 #6
#3 Ahh grundlæggende html ;) i see the problem now :P
Avatar billede olebole Juniormester
20. april 2009 - 10:30 #7
Jamen, du kan ikke have et n4p-tag i en HTML-kode. Det er stanghamrende invalid kode! At Firefox accepterer det, skyldes blot det faktum, at FF - som så mange andre - er en kamp-buggy browser. Prøv at validere dit dokument  ;o)
Avatar billede evilfish Nybegynder
20. april 2009 - 10:36 #8
Jeg har forstået at et n4p tag ikke er korrekt HTML tag. Men er det muligt at bruge mine n4p.* CSS definitioner, eller skal de omdøbes?
Avatar billede evilfish Nybegynder
20. april 2009 - 11:09 #9
Har droppet n4p classes, og det kører nu.
Avatar billede olebole Juniormester
20. april 2009 - 14:21 #10
Du kan sagtens bruge en 'n4p' klasse, men så skal det gøres korrekt:

.n4p {
    /* CSS-regler her */
}

<span class="n4p">blabla</span>
Avatar billede webweaver Praktikant
20. april 2009 - 21:28 #11
Men så vil den være nøjagtig magen til .testcontent.
Blot med et andet class-name :)

Men det er ikke muligt at lave sine egne tags i HTML/XHTML, og gudskelov for det! Så ville der ikke længere være nogen standarder jo. Uholdbart. :)
Avatar billede evilfish Nybegynder
22. april 2009 - 09:44 #12
olebole jeg mangler et svar fra dig :)
Avatar billede evilfish Nybegynder
20. maj 2009 - 14:51 #13
Lukker tråd
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