CSS bliver Ignoreret af bla mozilla ved brug af XHTML
Jeg har lige opdaget at min side har et problem med CSS'enALT virker fint i IE6 men de virker ikke i opera7 og mozilla 1.3. Al css bliver ignoreret af disse browsere og siden bliver derfor vist forkert.
Hvis jeg angiver doctypen til html virker ALT i alle browsere, men ikke hvis jeg angiver doctypen til xhtml.
Hvad kan dette skyldes?
side.aspx
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<link media="all" href="include/sidestyle.css" type="text/css" rel="stylesheet" />
<link media="all" href="include/generelsidestyle.css" type="text/css" rel="stylesheet" />
</head>
<body>
<form runat="server">
<div class="Overskrift"><asp:label id="Overskrift" runat="server"></asp:label></div>
<div class="wrappersideboks1">
<div class="sideboks1">
<asp:Label id="Tekst1" runat="server"></asp:Label>
<br />
<asp:Label id="Label2" runat="server"></asp:Label>
<br />
<br />
<asp:Label id="Tekst2" runat="server"></asp:Label>
<br />
<asp:Label id="Label3" runat="server"></asp:Label>
</div>
</div>
<div class="Tekst3">
<asp:Label id="Tekst3" runat="server"></asp:Label>
<asp:Label id="Label1" runat="server"></asp:Label>
<br />
<asp:Label id="Tekst4" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
sidestype.css:
.wrappersideboks1{
position:absolute; /*CSS Level 2*/
TOP: 15px;
LEFT: 400px;
WIDTH: 180px;
height : 300px;
BORDER-LEFT: #000000 1px solid;
border-left-style : dotted;
}
.sideboks1{
WIDTH: 170px;
margin-left : 5px;
}
.tekst3{
position:absolute; /*CSS Level 2*/
TOP: 50px;
LEFT: 5px;
WIDTH: 390px;
}
generelsidestyle.css:
BODY {
/* Virker kun i MS IE 5.5+ */
SCROLLBAR-FACE-COLOR: #135184;
SCROLLBAR-HIGHLIGHT-COLOR: #d6d6d6;
SCROLLBAR-SHADOW-COLOR: #d6d6d6;
SCROLLBAR-3DLIGHT-COLOR: #135184;
SCROLLBAR-ARROW-COLOR: #d6d6d6;
SCROLLBAR-TRACK-COLOR: 135184;
SCROLLBAR-DARKSHADOW-COLOR: #135184;
scrollbar-base-color : #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
.overskrift {
position:absolute; /*CSS Level 2*/
TOP: 5px;
LEFT: 5px;
WIDTH: 300px;
font-size : 18px;
font: bold;
}
