Hej,
Mit css er:
/* CSS Document */
body {
background-color:#999999;
text-align:center;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
margin-bottom:0px;
}
#indhold {
border:thin dashed;
border-top:none;
width:800px;
height:auto;
border-color:#000099;
background-color:#FFFFFF;
margin-top:0px;
margin-bottom:0px;
}
#header {
height:100px;
width:800px;
border:none;
text-align:left;
font-size:36px;
}
#header .logo{
}
#header .slogan{
float:right;
margin-top:-82px;
width:400px;
}
#topmenu{
background-color:#000099;
border:thin ridge;
text-align:center;
font-size:12px;
vertical-align:top;
}
#topmenu .link{
color:#FFFFFF;
border-color:#FFFFFF;
text-decoration:none;
letter-spacing:12px;
border:thin dotted;
border-collapse:separate;
}
#menuright{
float:right;
width:180px;
color:#000000;
margin-right:12px;
margin-top:12px;
margin-bottom:12px;
height:auto;
overflow:auto;
}
.menuright{
background-color:#CCCCCC;
border-color:#0000FF;
border:thin ridge;
margin: 5px 5px 5px 5px;
}
#form {
margin-right:20px;
}
#form .class{
border:thin ridge;
border-color:#000099;
}
#menuleft{
float:left;
width:180px;
color:#000000;
margin-left:12px;
margin-top:12px;
margin-bottom:12px;
height:auto;
overflow:auto;
}
.menuleft{
background-color:#CCCCCC;
border-color:#0000FF;
border:thin ridge;
margin: 5px 5px 5px 5px;
}
.menuoverskrift{
color:#FFFFFF;
background-repeat:repeat-x;
margin-top:0px;
background-color:#0000FF;
}
#siden{
float:none;
width:400px;
color:#330000;
margin-top:17px;
margin-bottom:12px;
text-align:left;
border:thin ridge;
border-color:#000099;
}
#siden .overskrift {
font-size:16px;
margin-left:12px;
color:#0000CC;
}
#siden .text{
margin-left:5px;
}
#copy{
color:#000000;
background-color:#FFFFFF;
border:thin ridge;
border-color:#000099;
margin-top:12px;
width:800px;
}
min index fil
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Projekt DCMS 2009</title>
<? if ($_GET['style'] == NULL){?>
<link rel="stylesheet" type="text/css" href="css/test/style.css"/>
<? }else{
echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"css/$_GET[style]/style.css\"/>";
}?>
</head>
<body>
<div id="indhold">
<div id="header">
<p class="logo"><img src="css/test/image/logod.png" alt="Logo Data-cms.net" longdesc="http://data-cms.net" /></p>
<form class="slogan" action="#" id="form" method="get" name="login">
<input class="class" name="Brugernavn" type="text" value="Brugernavn" size="25" />
<input class="class" name="Adgangskode" type="password" value="Adgangskode" size="25" />
<input class="class" name="Login" type="button" value="Log ind" /></form>
</div>
<div id="topmenu">
<span><a class="link" href="#">Forside</a> <a class="link" href="#">Nyheder</a> <a class="link" href="#">Kontakt</a> <a class="link" href="#">Andre sider</a></span>
</div>
<div id="menuleft">
<div class="menuleft">
<p class="menuoverskrift">Menu venstre 1 </p>
<p>Test af indhold her</p>
</div>
<div class="menuleft">
<p class="menuoverskrift">Menu venstre 2 </p>
<p>Test af indhold her</p>
</div>
</div>
<div id="menuright">
<div class="menuright">
<p class="menuoverskrift">Menubox 1 overskrift</p>
<p>Test af indhold her</p>
</div>
<div class="menuright">
<p class="menuoverskrift">Menubox 2 overskrift</p>
<p>Test af indhold her</p>
</div>
</div>
<div id="siden">
<p class="overskrift">Test af overskrift </p>
<p class="text">Så er det så vi lige vil teste hvis vi nu har nogle bumser som skriver udover. Det kan nemlig tit ske :S Hehe men det ser ud til at virke ;D <a href="?style=test">Tema 1</a> | <a href="?style=default">Tema 2</a> </p>
<p class="text">Test af inhold her Og om det stadigvæk virker :) hvilket det ser ud til at gøre. </p>
</div>
</div>
<div id="copy">Dette system er under udvikling og alle retigheder forbeholdes data-cms.net </div>
</body>
</html>
Så ser jeg resultatet på
http://data-cms.net. Hvordan kan det ende i det. Her er screenshot af hvad jeg ser i min lokalbrowser:
http://data-cms.net/screen.jpgJeg kan som sagt ikke finde fejlen.
Indlæg senest redigeret d. 15.07.2009 01:25 af Bruger #13210