Estoy maquetando una web con divs. En algunas páginas necesito columnas y en otras, filas. El problema que me encuentro es que tengo una página del sitio donde el contenido va en filas y curiosamente en ésta, se mueve todo el contenido (desde la cabecera al pie) un poco hacia la izquierda con respecto a las demás páginas....
Código HTML:
body{margin: 0px; padding:0px; background-color:#ffffff; text-align: center; }
#cuerpo {width:994px; margin:auto; padding:0; text-align:left; height:600px;}
#cabecera {widht:994px; height:179px; text-align:center;}
#nav{width:992px; height:35px; background-image:url(imagenes/bg_menu.gif); background-color:#F2F2F2; background-repeat:no-repeat; text-align:center; border-right: 1px #cccccc solid; border-left: 1px #cccccc solid;}
#menu{list-style:none; margin:0; padding:0; padding-left:20px;}
#menu li {margin:2px; padding:0; float:left;}
#menu li a {display:block; padding-top:6px; text-decoration:none; text-align:center; font-family:arial; font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#000000; }
#menu li a:hover {color:#CC0000;}
#contenido{width:952px; background-color:#F2F2F2; padding: 20px;border-bottom:1px #cccccc solid; border-right: 1px #cccccc solid; border-left: 1px #cccccc solid;}
#columnaizq{width:510px; float:left; position:relative;}
#columnadcha{width:415px; margin-top:20px; margin-left: 520px; }
#submenu{width:994px; height:23px; text-align:left: float:left; margin-top:3px;}
#pie{width:994px; height:25px; background-image:url(imagenes/pie.gif); background-repeat:no-repeat;}