Koden er ret rodet, og meget af css'en har jeg ikke brug for, da jeg egentlig har kopieret det fra mit originale site :/ men noget får koden til at bugge. I Firefox vises den fint, indtil man kommer ind i artikler > referat, så viser den ikke baggrunds farven (selvom koden er PRÆCIS den samme som de andre sider??), men i IE6 f*cker den fuldkommen op med "content" baggrunden.
Nogen som gider kigge min kode igennem, og fortælle mig hvordan jeg kan rette denne fejl?
Mange mange tak.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Iraq news </title>
<meta name="Description" content="Nyheder">
<meta name="Keywords" content="Nyheder">
<script type="text/javascript">
function popUp(url,width,height){
window.open(url,"popup","resizeable=0,menubar=0,width="+(width+20)+",height="+(height+20));
}
function jump(el) {
h = document.getElementById(el).offsetTop-120;
window.scroll(0,h);
}
</script>
<style type="text/css" content="Nyheder">
.error { font-family: verdana, arial, sans-serif; font-size: 9px; }
.text { font-family: verdana, arial, sans-serif; font-size: 9px; }
body {
background: #757575;
text-align: center;
margin: 0px;
padding: 102px 0px 25px 0px;
font-family: verdana, arial;
font-size: 11px;
color: #000000;
scrollbar-face-color:#414347;
scrollbar-highlight-color:#B46530;
scrollbar-3dlight-color:#414347;
scrollbar-darkshadow-color:#414347;
scrollbar-shadow-color:#B46530;
scrollbar-arrow-color:#B46530;
scrollbar-track-color:#414347;
}
#header{
background: #757575;
margin: 0px;
padding: 0px;
position: absolute;
top:0;
left:0;
width:100%;
height: 102px;
}
#content {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 600px;
height: 100%;
background: #757575;
text-align: justify;
line-height: 115%;
}
#footer{
margin: 0px;
padding: 0px;
background: #757575;
position: absolute;
bottom:0;
left:0;
width:100%;
height: 25px;
}
@media screen{
body>div#header{
position: fixed;
}
body>div#footer{
position: fixed;
}
}
* html body{
overflow: hidden;
}
* html div#content{
height:100%;
overflow: auto;
}
#top {
background: url('
http://www.school.dumpduck.com[...]
width: 600px;
height: 102px;
margin: 0px auto 0px auto;
text-align: right;
}
#menu {
padding-top: 80px;
padding-right: 10px;
font-size: 9px;
}
#menu a, #menu a:hover {
color: #443322;
text-decoration: none;
font-size: 11px;
}
#main {
margin: 0px;
height: 100%;
background: #B4BCB0;
}
#main-text {
padding: 10px;
background: #B4BCB0;
}
#bottom {
background: #F19431;
width: 600px;
height: 25px;
margin: 0px auto 0px auto;
text-align: center;
clear: both;
}
#bottom-text {
padding-top: 8px;
color: #443322;
}
a:link {
color: #935b0b;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #935b0b;
}
img {
border: 0px;
}
img.thumbs {
border: 1px solid #000000;
}
h2 {
font-size: 13px;
color: #cf7500;
clear: both;
margin-bottom: 10px;
padding-left: 5;
}
h3 {
padding-top: 10px;
font-size: 10px;
color: #cf7500;
padding-left: 8px;
}
p {
padding-left: 10px;
padding-right: 10px;
color: #757575;
font-size: 11px;
}
p.sub {
padding-left: 10px;
}
p.ext {
padding-left: 20px;
padding-right: 10px;
color: #9998a8;
font-size: 11px;
}
p.dashed_line {
border-bottom: 1px #B46530 dashed;
padding-bottom: 10px;
padding-left: 10px;
}
p.date {
padding-left: 10px;
font-size: 8px;
}
p.tut_date {
font-size: 9px;
color: #000000;
}
p.about {
padding-left: 17px;
padding-right: 10px;
color: #9998a8;
}
p.date {
padding-left: 10px;
padding-right: 15px;
font-size: 8px;
}
hr.break {
clear: both;
}
hr.dashed_line {
border: 0px;
border-bottom: 1px #B46530 dashed;
padding-top: 20px;
margin-bottom: 20px;
}
h7 {
font-size: 8px;
color: #cf7500;
padding-left: 10px;
padding-right: 6px;
}
#side-left {
float: left;
width: 350px;
}
#side-left p {
padding-top: 0px;
margin-top: 0px;
}
#side-right {
float: right;
width: 200px;
}
.alert {
color: #bfbfbf;
font-size: 20px;
}
/*
font-style: italic;
font-weight: bold;
*/
</style>
</head>
<body>
<div id="header">
<div id="top">
<div id="menu"><a href="/index.html">Nyheder</a> | <a href="/artikler.html">Artikler</a> | <a href="/debat.html">Debat</a> | <a href="/kontakt.html">kontakt</a></div>
</div>
</div>
<div id="content">
<div id="side-left">
<h2>Velkommen til Iraq News!</h2>
<p>Dette site er lavet som et projekt i Dansk, Samfundsfag og IT/Kommunikation, og vil indeholde nyheder og artikler vi har skrevet.</p>
</div>
<div id="main">
<div id="main-text">
</div>
</div>
</div>
<div id="footer">
<div id="bottom">
<div id="bottom-text">Thomas & Andreas © 2006</div>
</div>
</div>
</body>
</html>
--