Når man kun bruger en halv doctype med Transitional virker det lige så dårligt som det var, sæt denne doctype på.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">Og prøv denne tilpasset css
body{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
vertical-align: top;
background: #fff;
color: #333;
}
a{
text-decoration: underline;
color: #000;
}
a:hover{
text-decoration: underline;
}
h1{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18px;
}
#content{
float: left;
width: 680px;
overflow: hidden;
background: #f1f1f1;
}
#wrapper{
width: 980px;
margin: 0 auto;
text-align: left;
}
#header{
width: 680px;
height: 250px;
background: #dde6fe;
text-align: center;
margin: 0 auto;
}
img {
border-style: none;
}
#top{
width: 680px;
background: #41b6fb;
line-height: 16px;
text-align: center;
color: #fff;
margin: 0 auto;
padding: 12px 0 ;
}
#top p{
padding: 0px;
font-size: 12px;
display: inline;
}
#middle{
float: left;
width: 680px;
line-height: 2px;
text-align: center;
}
#middle p{
padding: 0px;
color: #000;
font-size: 24px;
font-weight: bold;
}
#middle2{
float: left;
width: 680px;
line-height: 2px;
text-align: center;
}
#middle2 p{
padding: 0px;
color: #000;
font-size: 24px;
font-weight: bold;
}
#gallerys {
text-align: center;
}
#gallerys2 {
text-align: center;
}
#ad {
text-align: center;
padding: 20px;
}
#ad2 {
text-align: center;
padding: 20px;
}
#footer{
width: 680px;
background: #41b6fb;
line-height: 24px;
text-align: center;
color: #fff;
margin: 0 auto;
}
.sidebar-left{
float: left;
width: 149px;
margin: 0 0 0 1px;
padding: 0 0 10px 0;
display: inline;
}
.sidebar-left ul li{
border: 0;
font-size: 14px;
font-style: normal;
line-height: 26px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
background-color: #fff;
padding: 0px;
margin: 0px;
text-align: right;
}
.sidebar-right{
float: left;
width: 147px;
margin: 0 0 0 1px;
padding: 0 0 10px 0;
display: inline;
}
.sidebar-right ul li{
border: 0;
font-size: 14px;
font-style: normal;
line-height: 26px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
background-color: #fff;
padding: 0px;
margin: 0px;
text-align: left;
}
#container{
float: left;
width: 980px;
background: #fff;
}
#footer p{
padding: 10px;
}
#footer a{
color: #fff;
}
#reklame{
float: left;
width: 680px;
padding-top: 40px;
padding-bottom: 40px;
}
.reklame-billede{
float: left;
width: 280px;
display: inline;
text-align: center;
}
.reklame-tekst{
float: left;
width: 380px;
overflow: hidden;
padding-right: 5px;
}
#sidebar-ad {
text-align: center;
}
#sidebar-ad2 {
text-align: center;
}