Søg
Avatar billede miss-g Seniormester
19. oktober 2005 - 00:09 Der er 13 kommentarer og
2 løsninger

Til Olebole eller anden

Fik en forklaring på hvornår man styler html og hvornår man styler body taget, men fatter det stadig ikke:

-------------------------------------------------
Det afhænger af, hvilken browser, der skal vise det - og hvilken DTD, du har skrevet. Har du ikke definitions-URL'en med i din DTD (den her sjover):
  "http://www.w3.org/TR/html4/loose.dtd"

- understøtter IE6 ikke CSS. Du kan altid teste ved at skrive:
  java script:alert(document.compatMode)
- i IE's adressebar og trykke return.
Returneres 'CSS1Compat', understøtter IE CSS - returneres 'BackCompat' er IE gået i quirks mode og understøtter ikke CSS.

Læs evt. under The !DOCTYPE "Switch":
  http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

Når CSS understøttes i en browser, er det altid dokument-elementet, der scroller  :)

-----------------------------------------
http://www.eksperten.dk/spm/657240
Avatar billede miss-g Seniormester
19. oktober 2005 - 00:11 #1
Hvis jeg laver en hjemmeside og vil sikre mig at folk kan se min CSS, så nytter det vel ikke at jeg tester min egen browser ved at skrive "java script:alert(document.compatMode)" i IE's adressebar og trykke return??

Det siger jo ikke noget om andre kan se min side rigtig??

Og den her bruger jeg faktisk sjældent - hvordan hænger den sammen med alting, hvad gør den? http://www.w3.org/TR/html4/loose.dtd
Avatar billede jesper-moeller Nybegynder
19. oktober 2005 - 00:18 #2
>>så nytter det vel ikke at jeg tester min egen browser ved at skrive "java script:alert(document.compatMode)" i IE's adressebar og trykke return??


Jo...så fortæller browseren dig hvorledes den ser den side som du har inde i browseren ;-)
Avatar billede olebole Juniormester
19. oktober 2005 - 00:18 #3
<ole>

Hej igen  )

Læs evt. under The !DOCTYPE "Switch":
  http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

- forklarer en del om, hvorfor det link er vigtigt. IE har ikke før version 6.0 understøttet CSS' box-model (det afsnit, der gør rede for, hvordan bredde, højde, margin, padding og border hænger sammen).

Det har altid været et stort problem, at alle andre browsere overholdt standarden - og IE ikke gjorde. Derfor vedtog MS, at IE skulle overholde CSS, når definitions-URL'en er med i DTD'en - ellers ikke. Fra og med version 7.0 kommer IE til at understøtte CSS' box-model under alle omstændigheder ... på lige fod med andre moderne browsere.

/mvh
</bole>
Avatar billede jesper-moeller Nybegynder
19. oktober 2005 - 00:22 #4
Prøv at lave et lille document med og uden DTD
åben dem i hvert sit vindue... og skriv java script:alert(document.compatMode) i hvert vindu og se

Det svare lidt til site infor i feks FF
Avatar billede olebole Juniormester
19. oktober 2005 - 00:31 #5
Et lille eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
div {
    width: 200px;
    height: 200px;
    background: yellow;
}
.withBorder {
    border: 50px solid red;
}
</style>

</head>
<body>

<div>&nbsp;</div>
<div class="withBorder">&nbsp;</div>

</body>
</html>

Test det i både FF og IE - og du vil se, begge browsere viser dokumentet korrekt i forhold til CSS' box-model (border lægges udenom elementet).

Prøv så at slette URL'en i DTD'en - og test i begge igen.
Prøv så at slette DTD'en helt - og test i begge igen.

Blot en HTML-kommentar er nok til at tilte IE:

<!-- IE stinker -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
... osv ... osv ...

Desuden har DTD'en også indflydelse på, hvordan elementer behandles. IE behandlede tidligere body-elementet på en hel speciel måde - i modsætning til andre browsere.

Derfor skal 'overflow' lægges på body-elementet i IE, når der ikke bruges en fuld DTD.
Med en fuld DTD skal det i alle browsere lægges på dokument-elementet.

Håber, det hjalp på forståelsen ... ellers må du _endelig_ spørge videre  ;o)
Avatar billede jesper-moeller Nybegynder
19. oktober 2005 - 00:41 #6
>>ole

hvis man nu skriver
<!-- IE er sød -->
istedet....tror du så ikke den vil ???...

*G*
Avatar billede olebole Juniormester
19. oktober 2005 - 01:01 #7
- tjaa ... måske er det forsøget værd. For Vor Herre er vi jo alle skøger  :D
Avatar billede miss-g Seniormester
19. oktober 2005 - 01:46 #8
Jo tak - så fattede jeg det *G*

Lægger I nogle svar :-)
Avatar billede jesper-moeller Nybegynder
19. oktober 2005 - 04:43 #9
Oles svar var vist mest uddybende
Avatar billede miss-g Seniormester
21. oktober 2005 - 16:22 #10
Vil olebole ikke have point ?
Avatar billede olebole Juniormester
21. oktober 2005 - 22:46 #11
Undskyld, men det er fa'me din egen skyld, du ikke har fattet det før ... vi har jo berørt den DTD adskillige gange efterhånden  ;o)

Næste gang, der er noget, du er i tvivl om, så har du zq bare at spørge ... nå! Hvis bare folk er interesserede, har jeg intet imod, en tråd løber op i 50-60 kommentarer. Spørg - spørg - og atter spørg  ;o)
Avatar billede jesper-moeller Nybegynder
21. oktober 2005 - 22:49 #12
>>Spørg - spørg - og atter spørg  ;o)

Pas nu på hvad du siger ...  *G*

(har en sang opkaldt efter mig)
Avatar billede miss-g Seniormester
22. oktober 2005 - 03:29 #13
Ole - lav en tut side/hjælpe side så det er til at forstå *G*

Tak for hjælpen. Skal nok spørge - er for nysgerrig til at lave være.
Avatar billede olebole Juniormester
22. oktober 2005 - 19:33 #14
Selvtak og tak for points  :)
Der er så småt noget på vej, så forhåbentlig kan man tilbringe december med at spise müsli med varm rødvin - og lære lidt om kodning samtidigt  ;o)
Avatar billede jesper-moeller Nybegynder
22. oktober 2005 - 19:39 #15
>>Der er så småt noget på vej, så..

Ole>
Hvis du mangler en (lidt anderledes) ide til den grafiske side af et sådan site, har jeg længe gået med en lille ide du måske vil kunne lide, og bruge... hvis det har din interesse kan jeg hurtigt lave et lille oplæg....
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I dag 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 10:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »