Entrar

Problemas con mi web

fopeco · · Solicitar retirada
Al estar haciendo la web con el html kit se queda pegada a la izquierda de la pantalla, en vez de situarse centrada en la misma.
El pie de la web que en el html kit me sale en el sitio, al abrir la web con internet explorer, el pie se situa a la derecha del cuero y arriba.
No puedo adjuntar los archivos

fopeco
Web-Freelance · · Solicitar retirada
Para no andar descargando archivos, pego tus código y así entre todos lo vamos viendo:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Escribe aquí el título de tu web.</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="es" http-equiv="Content-Language">
<META content="Escribe aquí una descripción de tu página. Intenta que incluya palabras clave" name="description">
<META content="palabraclave1, palabraclave2, palabraclave3, palabraclave4" name="keywords">
<META content="all" name="robots">
<LINK rel="shortcut icon" href="favicon.ico"> 
<LINK rel="stylesheet" href="estilo-cocina.css" type="text/css" media="all">
</head>
<body>

<DIV id="cabecera">
      <DIV id="cabecera1"><IMG src="objetos/cocinero.gif" alt="TITULO DE TU WEB" ></DIV>
      <DIV id="cabecera2"><IMG src="objetos/logotipo.gif" alt="TITULO DE TU WEB" ></DIV>
			<DIV id="cabecera3"><IMG src="objetos/einstein.gif" alt="TITULO DE TU WEB" ></DIV>
</DIV>

<DIV id="contenido">
		 <div id="menu">
		 <ul>
		 <h1>Recetas</h1>
		 <li><a href="#">Aves</a></li>
		 <li><a href="#">Carnes</a></li>
		 <li><a href="#">Caza</a></li>
		 <li><a href="#">Cremas y Sopas</a></li>
		 <li><a href="#">Ensaladas</a></li>
		 <li><a href="#">Entradas</a></li>
		 <li><a href="#">Legumbres</a></li>
		 <li><a href="#">Pastas</a></li>
		 <li><a href="#">Pescados</a></li>
		 <li><a href="#">Postres</a></li> 
		 </ul>
		 </div>
		 
		 <div id="cuerpo">cuerpo</div> 
</DIV>	

 <div id="pie">
 <div id="pieuno">pie uno</div>
 <div id="piedos">pie dos</div>
 <div id="pietres">pie tres</div>
 </div> 
 
</body>
</html>

CSS:
#cabecera {width:800px; margin:4px auto; background-color:#dfc7df;border:#000000 1px solid;}
#cabecera1 {float:left;width:33%;padding:5px;} 
#cabecera2 {float:left;width:33%;padding:5px;}
#cabecera3 {float:left;width:33%;padding:5px;}
#menu {background-color:#cea8d2; width:150px;height:530px; float:left;text-align:left; padding:8px;border:#000000 1px solid;} 
#cuerpo {width:646px;height:530px;margin-left:4px;background-color:#cea8d2; float:left;border:#000000 1px solid;}
#menu li {list-style:none; margin:4px 0px 4px 10px;padding-top:5px;}
* {margin:0px; padding:0px; border:0px;} 
a {color:#001ca8; font-size:1.1 em; text-decoration:none;display:block;} 
#pie {width:800px;height:80px;margin:4px auto;background-color:#dfc7df; border:#000000 1px solid;float:left;}
#pieuno {background-color:#dfc7df; float:left;width:33%;padding-left:4px;}
#piedos {background-color:#dfc7df; float:left;width:33%;}
#pietres {background-color:#dfc7df; float:left;width:33%;}
 
A:LINK 			{}
A:VISITED		{}
A:HOVER 		{COLOR: #f32837;text-decoration:underline;background-color:#dfc7df;}
A:ACTIVE		{COLOR: #0000cc}
h1 {font-size:1.4em; color:#55274f; font-weight:bold; text-decoration:underline; text-align:center;}
fopeco · · Solicitar retirada
Lo del pie que se desplazaba en explorer ya lo he solucionado, me faltaba una capa que englobara a todas.
<div id="contenedor">
</div>

Pero la web me sigue saliendo a la izquierda de la pantalla.

fopeco
Web-Freelance · · Solicitar retirada
En realidad para centrar sería:

#contenedor{
    margin-left: auto;
    margin-right: auto;
}

Dándole una medida inicial de ancho por supuesto, por ejemplo width:900px;

Saludos!