Farver ikke baggrund.
Hejsa,Er stødt på et meget mærkeligt problem, idet jeg skulle lave et nyt design.
Har sat, at baggrunden på mit content skal være hvid, og det er det også i Internet Explorer. Men i firefox har den overhovedet ikke nogen farve (gennemsigtig).
Har aldrig oplevet det før.
Min HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>Festpics.dk - Her fester vil altid!</title>
<link rel="stylesheet" href="style/style.css" type="text/css" />
</head>
<body>
<!-- Start på siden -->
<div id="container">
<!-- Start på top -->
<div id="topcontent">
<img src="images/logo.jpg" alt="Festpics.dk logo" />
<div id="topmenu">
<table cellspacing="0" border="0" cellpadding="0">
<tr>
<td><a href="#"><img src="images/topmenu_forside.gif" alt="Forside" /></a></td>
<td><a href="#"><img src="images/topmenu_nyheder.gif" alt="Nyheder" /></a></td>
<td><a href="#"><img src="images/topmenu_forum.gif" alt="Forum" /></a></td>
<td><a href="#"><img src="images/topmenu_tilfaeldige.gif" alt="Tilfældige" /></a></td>
<td><a href="#"><img src="images/topmenu_onlineliste.gif" alt="Onlineliste" /></a></td>
<td><a href="#"><img src="images/topmenu_konkurrence.gif" alt="Konkurrence" /></a></td>
<td><a href="#"><img src="images/topmenu_omfestpics.gif" alt="Om Festpics.dk" /></a></td>
</tr>
</table>
</div>
</div>
<!-- Slut på top -->
<!-- Start på venstre menu -->
<div id="leftmenu">
hej
</div>
<!-- Slut på venstre menu -->
<!-- Start på hovedindhold -->
<div id="maincontent">
hej
</div>
<!-- Slut på hovedindhold -->
<!-- Start på højre menu -->
<div id="rightmenu">
hej
</div>
<!-- Slut på højre menu -->
</div>
<!-- Slut på siden -->
</body>
</html>
Min CSS:
body {
font: 9.8pt Verdana;
margin: 0;
background: #606060;
text-align: center;
}
#container {
width: 924px;
background: #ffffff;
text-align: left;
margin: auto;
margin-top: 10px;
}
#topcontent {
width: 100%;
margin-top: 5px;
}
#topmenu {
margin: 3px;
}
#topmenu img{
border: 0;
}
#leftmenu {
width: 200px;
height: 100%;
float: left;
background: #a51716;
}
#maincontent {
float: left;
}
#rightmenu {
width: 200px;
height: 100%;
float: right;
background: #a51716;
}
Nogen der kan se hvad der kunne være galt?
