Problemer med CSS i firefox - det burde virke i IE
HejsaJeg sidder og kigger lidt i "Webdesign med XHTML" af Jørgen F. Jensen. Deri er et eksempel på en opbygning af en side ud fra CSS. Jeg sidder selv på en mac, så kan ikke tjekke hvordan det spiller i IE, men går ud fra det virker som det skal der. Jeg bruger selv firefox, og problemet er her, at der hvor der står menu i understående html kode, komme til at stå nederst på siden i stedet for til højre for "indhold".
Hvordan løser jeg dette?
css:
BODY
{
margin:10px 20px;
font-size:100%
font-family:verdana, arial,sans-serif;
background-color:#efefef;
}
h1
{
font-size:150%;
}
div#banner h1
{
background:gray;
color:white;
padding-top:5px;
padding-bottom:5px;
padding-left:100px;
}
div#indhold
{
float:left;
width:75%;
background-color:#efefef;
border-right:2px dashed gray;
margin-right:15px;
padding-bottom:20px;
padding-right:10px;
}
div#indhold p
{
font-size:90%;
margin:8px auto;
}
div#indhold h3
{
font-size:100%;
margin:10px auto;
}
p#opdatering
{
font-size:80%;
text-align:right;
margin-right:20px;
}
div#footer address
{
font-size:80%;
font-style:normal;
font-weight:bold;
background:gray;
color:white;
padding:5px;
clear:left;
margin:10px auto;
}
div#footer address a
{
color:white;
}
html:
<?xml version="1.0" encoding="UTF-8"?>
<!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" sml:lang="da"
lang="da">
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css"
href="css/common.css" media="screen" />
</head>
<body>
<div id="banner">
[Bannertekst]
</div>
<div id="indhold">
[Indhold]
</div>
[MENU]
<address>
[Bundmargintekst]
</address>
</body>
</html>
På forhånd tak, mvh
Torben
