Bueno, este es mi primer mensaje en el foro, y es fantástico... pero esto no tiene lugar ahora, hablemos de lo que me ha traido aquí. Empecé con el HTML y con el CSS ayer, y hoy ya tengo mi propia web, al menos el código. He seguido los tutoriales de esta página y también he mirado cógidos para hacer según que cosas, y hasta ahora todo iba bien... pero se ha torcido. No se como, se ha descolocado todo el contenido. Juzgen ustedes mismos:

Web antes de la catástrofe:
http://i.imgur.com/k3EPl.jpg

Web después:
http://i.imgur.com/czjBW.jpg

Un desastre, como ya verán. El div de contenido se ha descolocado totalmente, como el footer. Además, las previsualizaciones del HTML-kit no son las mismas que las que hago con IE. No he alojado aun la web, pero os dejo el código:

Código HTML:
<!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" lang="es" xml:lang="es">
<head>
<meta charset="utf-8" />
      <title>Alexandria Survivors -  Tu p&aacute;gina sobre el c&oacute;mic y la serie de The Walking Dead</title>
      <meta name="description" content="P&aacute;gina en la que encontrar&aacute;s todo el contenido sobre el c&oacute;mic y la serie de televisi&oacute;n de The Waling Dead, así como un scanlation." />
      <meta name="keywords" content="the walking dead, thewalkingdead, alexandria survivors descargas, c&oacute;mic, los muertos vivientes, Robert Kirkman, Tony Moore, zombies, Rick Grimes, Lori Grimes, Carl Grimes, Dale Horvath, Andrea, Glenn, Shane Walsh, Maggie Greene, Michonne, Abraham Ford, Douglas," />
			<link rel="icon" href="favicon.ico" type="image/x-icon" />
      <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main">
<div class="top"><div class="name"><img alt="Alexandria Survivors" src="images/logo.png" height="100" width="327" /></div><div id="content"></div></div>
<div class="t_bg"><img src="images/t_bg.gif" alt="" /></div>
<div class="menu"><a href="#">Inicio</a><a href="#">Foro</a><a href="#">Reg&iacute;strate</a><a href="#">Descargas</a></div>
<div class="t_bg"><img src="images/t_bg.gif" alt="" /></div>
<p class="centrado"><br />PUBLICIDAD</p>
<div class="lt"><div class="c1">
<p class="centrado"><br />Login<br /></p>

<div class="title1"><img src="images/q.gif" alt="" />&nbsp;&nbsp;General</div>
		<ul>
		<li><a href="#">Inicio</a></li>
		<li><a href="#">Argumento</a></li>
		<li><a href="#">Personajes</a></li>
		<li><a href="#">Sobre los zombies</a></li>
		<li><a href="#">Refugios</a></li>
		<li><a href="#">Cronolog&iacute;a</a></li>
		<li><a href="#">Datos de inter&eacute;s</a></li>
		<li><a href="#">Comparaciones</a></li>
		</ul>
		<div class="title1"><img src="images/q.gif" alt="" />&nbsp;&nbsp;C&oacute;mic</div>
		<ul>
		<li><a href="#">Gu&iacute;a C&oacute;mic</a></li>
		<li><a href="#">Noticias</a></li>
		<li><a href="#">Especiales</a></li>
		<li><a href="#">Anime C&oacute;mics</a></li>
		<li><a href="#">Autores</a></li>
		<li><a href="#">Entrevistas</a></li>
		</ul>
		<div class="title1"><img src="images/q.gif" alt="" />&nbsp;&nbsp;Serie de Televisi&oacute;n</div>
		<ul>
		<li><a href="#">Gu&iacute;a Serie</a></li>
		<li><a href="#">Noticias</a></li>
		<li><a href="#">Versi&oacute;n Espa&ntilde;ola</a></li>
		<li><a href="#">Casting</a></li>
		<li><a href="#">Estudios AMC</a></li>
		<li><a href="#">Especiales</a></li>
		</ul>
		<div class="title1"><img src="images/q.gif" alt="" />&nbsp;&nbsp;Descargas</div>
		<ul>
		<li><a href="#">C&oacute;mic</a></li>
		<li><a href="#">Serie</a></li>
		<li><a href="#">Im&aacute;genes</a></li>
		<li><a href="#">Avatares</a></li>
		</ul
		<div class="title1"><img src="images/q.gif" alt="" />&nbsp;&nbsp;Afiliados</div><br />
	</div>
</div>
<div class="ct"><div class="c2">
	<div class="title2">Noticias</div><br />
	<p>Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba.  Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba. <a href="#">Enlace de prueba.</a></p>
	<p>Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba.  Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.</p>
  <p>Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.</p>
  <p>Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba. Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.Texto de prueba.</p></div>
</div>
<!--
<div class="rt"><div class="c3"><div class="title3">dfgnjifknkdmd</div>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ultrices, tellus vitae accumsan sagittis, massa eros volutpat enim, a lobortis est velit a odio. Donec vel wisi. Cras sed enim sodales mi luctus semper. Aliquam hendrerit volutpat nunc. Aliquam lobortis risus vestibulum risus. Aliquam arcu tortor, pulvinar vel, aliquam quis, vulputate et, odio. Maecenas vel leo in nibh suscipit posuere. Sed leo tortor, semper et, accumsan eget, mattis in, sapien. Suspendisse nec nibh. Suspendisse potenti. Sed nec dui. Nam consequat porta ligula. Proin dui tellus, sodales eu, <a href="#">dignissim nec, semper et, dolor</a>.</p></div>
</div>-->
<div class="footer"><div class="cp1">Alexandria Survivors 2012&nbsp;&nbsp;|&nbsp;&nbsp; Dise&ntildeado por <a href="#">Shoujin</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">Sobre nosotros</a></div></div></div>
</div></div>
</body>
</html>
Código:
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
  background-image:url(images/fondo.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	list-style:none;
	text-style: none;
}
.main{
	
	width:900px;
	margin:0px auto;
	padding:0;
	background-color:#FFFFFF;
	color:#000000;
	list-style:none;
	text-style:none;
	}
a{
	color:#8B0000;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
  color:black;
	text-decoration:underline;
}
.top{
	background-color:#9E0F01;
	color:#FFFFFF;
	height:120px;
}
.name{
	padding:10px 0 0 20px;
	color:#FFFFFF;
	background-color:inherit;
	font-size:28px;
}
.t_bg{
	background-image:url(images/t_bg.gif);
	background-repeat:repeat-x;
	height:4px;
}
.t_bg2{
	background-image:url(images/t_bg2.gif);
	background-repeat:repeat-x;
	height:4px;
}
.menu{
	padding:5px 10px;
	background-color:#F6F5E3;
	color:#000000;
}
.menu a{
	background-image:url(images/m_bg.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:0 5px 0 10px;
	margin:0 15px 0 0;
	font-size:12px;
	color:#000000;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
}
.menu a:hover{
	text-decoration:none;
	color:#9E0F01;
	background-color:inherit;
	border-bottom:1px solid #9E0F01;
	background-image:url(images/m_bg2.gif);
	text-decoration:none;
}
.lt{
	position:relative;
	float:left;
	width:20%;
}
.ct{
	position:relative;
	float:left;
	width:53.7%;
}
.rt{
	position:relative;
	float:left;
	width:20%;	
}
.c1{
	border-top:2px solid #9E0F01;
	border-right:2px solid #9E0F01;
	border-bottom:2px solid #9E0F01;
	border-left:2px solid #9E0F01;
	margin:50px 5px 5px 3px;
	padding:10px 10px 10px 10px;
	background-color:#F6F5E3;
	color:#000000;
}	
.c1 li {
list-style:none;
text-style:none;
text-decoration:none;
}
c1 a{
  font-size:12px;
	color:#000000;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	}
c1 a:hover{
	font-size:12px;
	color:#F6F5E3;
	background-color:inherit;
	font-weight:bold;
	text-decoration:underline;
}	
.c2{
	margin:50px 2px 5px 3px;
	text-align:justify;
	padding:10px;
	border-top:2px solid #9E0F01;
	border-right:2px solid #9E0F01;
	border-bottom:2px solid #9E0F01;
	border-left:2px solid #9E0F01;
	background-color:#F6F5E3;
	float:center;
} 
.c3{
	border-top:1px solid #9E0F01;
	border-left:1px solid #9E0F01;
	border-bottom:1px solid #9E0F01;
	margin:3px 1px 3px 3px;
	padding:10px;
}
.title1{
	font-size:12px;
	font-weight:bold;	
	padding:10px 0 10px 0px;	
}
.c1 ul li a{
	color:#000000;
	background-color:inherit;
	font-weight:normal;
	text-decoration:none;
}
.c1 ul li a:hover{
	color:#9E0F01;	
	background-color:inherit;
}
.c1 ul{
	padding:0;
	margin:0 0 0 25px;
}
.c1 li{
	border-bottom:1px solid #000000;
}
.title2{
	font-size:20px;
	font-weight:bold;
	color:#9E0F01;
	background-color:inherit;
}
.footer{
	position:relative;
	clear:left;
	height:10px;
	background-image:url(images/t_bg2.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#F6F5E3;
	color:#000000;
	padding:12px 0 9px 5px;
	font-size:10px;
}
.footer a{
	font-size:10px;
}
.title3{
	font-size:12px;
	font-weight:bold;
}
.cp1{
  float:center;
}
.cp2{
	float:right;
	padding-right:20px;
}
#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}
¡¡AYUDA!!