CSS side der ser "forkert" ud i opera & firefox
Jeg er ved at starte på css, og har konstrueret et lille eksempel (med inspiration).Det ser fint ud i IE, men åbner jeg det i firefox eller opera.
Siden ligger her: http://www.22757575.dk/layout.asp
For fremtidig reference (og dem der kan gennemskue det alene ud fra koden), er koden her:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body {
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin: 0px;
padding: 0px;
}
h1 {
color: #FFFFFF;
background-color: ;
font-family: arial, verdana, sans-serif;
}
h2 {
color: #00FFFF;
background-color: ;
font-family: arial, verdana, sans-serif;
}
h3 {
color: #FFFFFF;
background-color: ;
font-family: arial, verdana, sans-serif;
}
th {
text-align: right;
}
td {
text-align: left;
}
p {
text-align: justify;
}
a {
/*text-decoration:none;*/
font-weight:bold;
}
a:link {
color:#000000;
background-color: #71B8DB;
text-decoration:none;
}
a:visited {
color:#000000;
background-color: #71B8DB;
text-decoration:none;
}
a:active {
color:#000000;
background-color: #71B8DB;
text-decoration:underline;
}
a:hover {
color:#000000;
background-color: #71B8DB;
font-weight:bold;
text-decoration:underline;
}
#divHeader {
background-color: #000066;
height: 50px;
width: 1100px;
}
#divContainer {
width: 1100px;
overflow: hidden;
background-color: ;
}
#divContainer div {
padding-bottom: 1001em; /* X + padding-bottom */
margin-bottom: -1000em; /* X */
}
#divLeft {
float: left;
width: 150px;
color: #000000;
background-color: #71B8FF;
}
#divRight {
float: right;
width: 150px;
background-color: #71B8FF;
}
#divCenter {
margin: 0 152px 0 152px;
background-color: #FFFFFF;
height: 645px;
}
#divFooter {
background-color: #000066;
height: 30px;
width: 1100px;
}
#wrapper {
border: 0px solid #000000;
margin: 0 auto;
width: 1100px;
}
</style>
<title>Velkommen til denne side</title>
</head>
<body>
<div id="wrapper" >
<div id="divHeader" >
<div style="text-align:center" >
<h1>hovedet</h1>
</div>
</div>
<div id="divContainer">
<div id="divLeft">
</div>
<div id="divRight">
</div>
<div id="divCenter">
velkommen
</div>
</div>
<div id="divFooter"><div style="text-align:center">
<h3>Foden</h3>
</div>
</div>
</div>
</body>
</html>
