Avatar billede Slettet bruger
12. februar 2012 - 04:03 Der er 11 kommentarer og
1 løsning

CSS og forskellige browser.

Nu er jeg ved at være godt forvirret:
Jeg oprettede dette spørgsmål:
http://www.eksperten.dk/spm/956929

Og i det fik jeg af vide at css burde virke i alle browser.
Jeg har set og læst en del både før og efter jeg startede mine øvelser i css. Og alt jeg har stødt på har gjort opmærksom på at man skal tjekke i alle browser.

Kan der virkelig passe at de har fået samlet det sådan at alle browser kan læse samme css koder?
Avatar billede Slettet bruger
12. februar 2012 - 04:04 #1
"Og i det fik jeg af vide at css burde virke i alle browser."

Med det mener jeg at man ikke behøver at lave ekstra koder for at noget virker både i fx chrome og IE.
Avatar billede keysersoze Ekspert
12. februar 2012 - 09:35 #2
Du vil aldrig slippe for at teste din kode i alle browsere selv hvis du skriver valid HTML og CSS - men jo mere erfaren du bliver og jo mere du lærer hver browsers særheder at kende jo mindre tid skal du bruge på det. CSS er jo heller ikke bare CSS - det findes i flere versioner og ikke alle browsere har lige god understøttelse af hver property så jo bedre du lærer de forskellige browseres understøttelse af hver enkelt mulighed jo bedre valg kan du foretage.
Avatar billede Slettet bruger
12. februar 2012 - 14:20 #3
Okay. Jeg fik et link hvor i jeg kunne teste min css kode. Det link bad mig om at slette alle -mos- og -webkit- koder til at lave runde kanter og baggrunde hvor en farve langsomt bliver en anden farve. Det synes jeg er lidt mærkeligt, for det har jeg læst om flere steder.

Og hvordan kan der være forskel på, om man bruger FireFox og man skriver www.test.dk eller test.dk. mit design virkede i alle browser undtagen firefox når jeg brugte www. foran min url.
Avatar billede olebole Juniormester
12. februar 2012 - 16:06 #4
<ole>

Prøv at kikke efter, hvad der præcist står på den side. Jeg har ikke set en validator, som beder brugeren slette '-mos- og -webkit- koder'.

Det sidste må du vise. Det kan ikke have nogen indflydelse på visningen. Der må være noget andet galt

/mvh
</bole>
Avatar billede Slettet bruger
12. februar 2012 - 19:00 #5
Den siger at det ikke findes i CSS level 2.1 men det findes i css3.
Avatar billede olebole Juniormester
12. februar 2012 - 19:21 #6
Ja, men da CSS-standarden jo stipulerer, at en browser, som ikke genkender en given property, blot skal springe den over, er der ikke tale om en fejl, der skal rettes.

Når jeg kikker på denne tråd, kan jeg i øvrigt se, du benytter en DTD, som disabler store og meget vigtige dele af CSS i IE. I stedet for:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

- bør du bruge:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Og så giver det ikke mening at angive et XML-namespace. Ret derfor:

<html xmlns="http://www.w3.org/1999/xhtml">[/div]
- til:

<html>
Avatar billede olebole Juniormester
12. februar 2012 - 19:24 #7
- og så må du forøvrigt tage dig sammen og læse, hvad der står. Der står med garanti intet om, at dine '-mos- og -webkit- koder' er valide i CSS3. Det er de ikke! Det er derimod:

border-radius:15px;
Avatar billede Slettet bruger
12. februar 2012 - 20:03 #8
Hej Ole tak for dine svar.
Hvad ang #6, så kommer det sig af at jeg har været inde og prøve mig lidt frem. Jeg er ikke typen der kan læse en bog og så forstår jeg tingene. Jeg skal helst høre, se og lege med ting for at forstå lidt.
Derfor har jeg fulgt denne tutorial:
http://www.youtube.com/watch?v=-UuV_C0Zbxc

Her bruger han:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Og min leg og test kommer ud fra den side.
Jeg prøvede her at lave en submenu da siden jo sådan set virkede som den skulle.

Hvad ang #6. Ja min fejl.

15     #Ramme     Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 15px
16     #Ramme     Property -moz-border-radius doesn't exist : 15px
17     #Ramme     Property -webkit-border-radius doesn't exist : 15 px

Ved godt at bare fordi en person laver en tutorial, er det ikke ensbetydende med at det han fortæller passede. Men jeg læste mig frem til de samme ting han lavede på andre sider.

Regnede ikke med der var så mange problemer med et script der sådan set næsten, på trods af 2 små problemer, virkede over alt...
Avatar billede olebole Juniormester
12. februar 2012 - 20:13 #9
Du bør ikke bruge den DTD, han benytter, når resten af din kode ikke indeholder XML.

Langt de fleste af de tutorials, du læser på nettet, er skrevet af folk, der heller ikke har lært at kode. Man kan ikke lære et fag ved at pluklæse lidt tutorials og artikler. Det er ikke uden grund, at webudviklere som oftest er temmelig godt betalt  *o)

Der er ingen scripts i din kode. Hverken HTML eller CSS har noget somhelst med scripting at gøre
Avatar billede olebole Juniormester
12. februar 2012 - 20:17 #10
- og 1,5 minut af videoen afslører, at han næppe er webudvikler  :o|
Avatar billede Slettet bruger
19. juni 2012 - 09:24 #11
Lukker
Avatar billede olebole Juniormester
19. juni 2012 - 13:24 #12
Ja, det behøver du ikke skrive. Det kan vi jo se.

Hvad der er langt mere interessant for Ekspertens brugere er, om du fik løst problemet, og hvad løsningen i så fald er
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