Hvorfor rykker min side til højre
Jeg anvender DreamWeaver CS5, og når jeg får min code vist i editoren, så er, som ønsket, min tabel der er 980 pixels bred centreret, men laver jeg en preview i Esplorer og Firafox, blive det hele rykket til højre - Hvorfor ?Min HTML kode*************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
color: #000;
}
</style>
</head>
<body>
<br /><br /><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td width="980" valign="top">
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td><h1>FLASH<br />
<br />
</h1></td>
</tr>
<tr>
<td class="baggrund-body"><h1>Lorem ipsum dolor sit amet, </h1>
<h2>consecteturadipiscing elit. Quisque sapien nunc, </h2><h3> ornare ut imperdiet et, porta quis elit. Integer adipiscing leo non risus</h3>
<p>viverra aliquam pretium diam semper. Nam viverra lectus id dolor viverra placerat. Nam ultrices, massa eget lobortis aliquam, lectus augue feugiat dui, sed fermentum tortor justo at risus. Duis adipiscing, eros eu scelerisque sollicitudin, felis turpis tincidunt magna, at lobortis nisi metus nec diam. Nulla tempus iaculis eros, nec gravida neque auctor sed. Nam justo justo, tristique in ullamcorper ut, posuere eu risus. In sit amet neque turpis, sed fermentum magna. Proin tincidunt eros nec enim rhoncus commodo. Maecenas consequat rutrum odio, non luctus augue mollis non. Mauris luctus, sapien nec bibendum pellentesque, arcu urna porta nibh, hendrerit rhoncus enim nibh eget elit. Vivamus fermentum arcu non mauris auctor non sollicitudin velit tempor. Mauris lobortis leo et nibh cursus malesuada. Vivamus vulputate, nibh non fringilla condimentum, lorem urna fermentum ipsum, id tincidunt lectus enim sit amet massa. Vestibulum placerat ligula vel eros egestas vel ultrices augue suscipit. Proin urna risus, laoreet ut pellentesque ut, dapibus eu massa.
</p>
<p>Integer eget lectus ligula, fermentum blandit orci. Cras ultricies tellus in eros vehicula porta non eu purus. Nullam condimentum pretium diam ut tincidunt. Integer sed laoreet lacus. Phasellus enim massa, luctus a molestie sit amet, ultrices ac massa. Proin malesuada risus volutpat orci rutrum ultrices. Integer nec nibh elit, sed sollicitudin ligula. Morbi eget mauris a nulla porta pellentesque ultricies in erat. Cras a magna elit, nec vehicula eros. In et dui mauris. Mauris laoreet nibh tortor. Donec tincidunt mattis erat in imperdiet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi at ante turpis, eget lacinia elit. Donec adipiscing bibendum nibh, ac tempus nulla commodo et. In mollis, quam non tincidunt dictum, lectus dolor faucibus magna, id adipiscing nisi velit eu nisl. Curabitur interdum convallis nisl at tincidunt. Praesent fringilla sem non nisl gravida quis malesuada mauris consectetur. Integer et tempus justo. </p>
<p>Donec lacinia velit id libero sagittis faucibus elementum purus blandit. Phasellus mattis placerat nunc sed pharetra. Sed tempus dolor ut velit sagittis interdum. Ut viverra sollicitudin iaculis. Donec vulputate, nulla a euismod condimentum, massa tortor pellentesque risus, nec tincidunt nibh erat porttitor arcu. Curabitur venenatis faucibus dignissim. Phasellus aliquet sem ac metus eleifend mollis. Nullam commodo dui nec nisl convallis ullamcorper. Cras quam magna, egestas eleifend vulputate at, sodales id lorem. Morbi vitae nisl vel ipsum euismod consequat varius vitae nibh. Mauris scelerisque lacinia felis non vehicula. </p></td>
</tr>
<tr>
<td height="40" bgcolor="#999999" class="botten-tekst"><center>footer</center></td>
</tr>
</table>
</td>
<td></td>
</tr>
</table>
HTML kode slut ***************************
CSS********************************
body {
background-color: #999;
background-image: url(../image/baggrund4.jpg);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
}
.baggrund-body {
background-color: #FFF;
padding: 20px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
}
h1 {
font-size: 18px;
color: #066;
}
h2 {
font-size: 16px;
color: #096;
}
h3 {
font-size: 12px;
color: #096;
}
a:link {
color: #096;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #066;
}
a:link {
color: #42413C;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
}
.header {
background: #ADB96E;
}
.content {
padding: 10px 0;
}
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;
background: #CCC49F;
}
.border-omkring-tabel {
border: thin solid #666;
}
.botten-tekst {
font-size: 12px;
font-style: normal;
color: #FFF;
}
CSS kode slut**********************************************
