Avatar billede stefmeister Nybegynder
16. december 2004 - 20:44 Der er 5 kommentarer og
1 løsning

Doctype ødelægger css

Det er meget mystisk, hvis jeg bare har dette stående øverst i mit html dokument:

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

så virker css-stylen helt fint. (Laver en custom scroll). Men hvis jeg skriver det som det RIGTIG skal være:

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

så virker mit css ikke. Det er yderst mystisk.


Min kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DA">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Filmsiden</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div class="film">
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
<a href="?film='.$row[FILMID].'">'.$row[FILMNAVN].'</a><br>
</div>

<div class="picture">
<img alt="id134" src="id134.jpg">
</div>


</body>
</html>


style.css



.film {
    width:300px;
    height: 95%;
    position: absolute;
    background-color:#FFFFFF;
    overflow:auto;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    float:left;
}




.picture {
    width:300px;
    left: 350px;
    height: 95%;
    position: absolute;
    overflow:auto;
    background-color:#FFFFFF;
    float:left;
}
Avatar billede olebole Juniormester
16. december 2004 - 21:06 #1
<ole>

DTD'en fejler ikke noget, men din CSS overholder ikke standarden. Du mangler:

html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/mvh
</bole>
Avatar billede stefmeister Nybegynder
16. december 2004 - 21:52 #2
nice det virker jo perfekt nu :D

dropper du ikke et svar?


Bortset fra det, hvordan kan det være at min side ikke kan indeholde æ-ø-å ? den erstatter det bare af mystiske tegn/ingenting.
Avatar billede retry Nybegynder
16. december 2004 - 21:53 #3
Doctypen med linket får Internet Explorer 6 til at følge CSS-standarden.
Avatar billede erikjacobsen Ekspert
16. december 2004 - 21:54 #4
prøv at er erstatte charset=utf-8 med charset=iso-8859-1
Avatar billede stefmeister Nybegynder
16. december 2004 - 21:57 #5
takker også erikjacobsen
Avatar billede olebole Juniormester
16. december 2004 - 22:47 #6
Egentlig er utf-8 en udmærket encoding - med betydeligt 'mere plads' end 'iso-8859-1' - men det kræver, man bruger den rigtigt og f.eks. husker at gemme filen i utf-8 format.
... og så et swar  :)
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