No puedo centrar nada en el "cuerpo"

[Italico76]

Hola amigos..... mi template es de 2 columnas (izquierda y centro).... y en div del medio (centro) no hay forma de que nada se centre. Ya he probado de todo

body {
text-align : center;
background-color: #F99B21; /* amarillo de fondo */
margin-top: 0px;
}

#contenedor{
border : 0px dashed #000000;
text-align: left;
min-width:800px; /* min-width */
margin: auto;
background-color: #FFFFFF;
background-image:url(/imagenes/fondo_gris120.gif);
background-repeat:repeat-x;
}

#left {
border : 0px dashed #000000;
width : 160px;
float : left;
margin-top: 20px;
padding-right:20px;
}

#cuerpo {
border : 0px dashed #333333;
min-width : 540px;
float: left;
margin-left: -5px; /* antes 15 */
/ margin-left: -5px; /* antes 15 */
padding-right:10px;
margin-top: 10px; /* antes 0 */
}

/* antes right */

#footer {
clear: both;
margin-top:10px; /* funciona solo despues de usar un div con clear:both */
height: 65px;
background-color: #000000;
text-align:left;
}

#inside-footer {
padding-top: 10px;
color: white;
text-align:left;
margin-left: 15px;
margin-right:15px;
}

#footer a,a:hover,a:visited{ /* defino como se ven los enlaces en el footer */
color:red;
text-decoration: none;
}

.clear {
line-height: 0px;
font-size: 0px;
clear: both;
height: 0px;
}

#header {
margin: auto;
text-align: center;
color:white;
}

.favoritos { /* usar punto(.) si es class' y numeral(#) si es con 'id' */
color: white;
width : auto;
padding-right:10px;
float: right;
}

.favoritos a{
color:white;
text-decoration: none;
}

.favoritos a:visited{
color:white;
text-decoration: none;
}

.favoritos a:hover {
color:yellow;
text-decoration: none;
}

Alguien que me de una pista ? gracia!

[jomaruro]

Hola:

Mira en este enlace, pertenece a Mikmoro. Te servirá, seguro.

Saludos.

[Calizman]

#contenedor{
border : 0px dashed #000000;
text-align: left;
min-width:800px; /* min-width */
margin: auto;
background-color: #FFFFFF;
background-image:url(/imagenes/fondo_gris120.gif);
background-repeat:repeat-x;
}

Tendra algo que ver eso? jeje...

Intenta poner text-align: center; y a los divs de adentro le pones margin: 0px auto;
Asi seguro se centra!

Saludos! y Suerte!

[Italico76]

Amigos: gracias pero sigo fallando y ya exploto de frustracion!

Ahora incluso saque el DIV de la izquierda......y fijé en 800 la unica 'columna' y aun asi sigo sin poder centrar!

<?
header("Content-type: text/css");
?>

body {
text-align : center;
background-color: #F99B21; /* amarillo de fondo */
margin-top: 0px;
}

#contenedor{
border : 0px dashed #000000;
text-align: center;
width:800px; /* min-width */
margin: 0px auto;
background-color: #FFFFFF;
background-image:url(/imagenes/fondo_gris120.gif);
background-repeat:repeat-x;
}

<!-- left aca -->

#cuerpo {
border : 0px dashed #333333;
min-width : 540px;
float: left;
margin-left: -5px; /* antes 15 */
/ margin-left: -5px; /* antes 15 */
padding-right:10px;
margin-top: 10px; /* antes 0 */
text-align: center;
}

/* antes right */

#footer {
clear: both;
margin-top:10px; /* funciona solo despues de usar un div con clear:both */
height: 65px;
background-color: #000000;
text-align:left;
}

#inside-footer {
padding-top: 10px;
color: white;
text-align:left;
margin-left: 15px;
margin-right:15px;
}

#footer a,a:hover,a:visited{ /* defino como se ven los enlaces en el footer */
color:red;
text-decoration: none;
}

.clear {
line-height: 0px;
font-size: 0px;
clear: both;
height: 0px;
}

#header {
margin: auto;
text-align: center;
color:white;
}

#header h1 {
font-size:41px;color : red;
text-transform: uppercase;
text-decoration:none;
}

.favoritos { /* usar punto(.) si es class' y numeral(#) si es con 'id' */
color: white;
width : auto;
padding-right:10px;
float: right;
}

.favoritos a{
color:white;
text-decoration: none;
}

.favoritos a:visited{
color:white;
text-decoration: none;
}

.favoritos a:hover {
color:yellow;
text-decoration: none;
}

[Italico76]

Antes que nada explico lo que queria hacer: tener una columna a la izq...y una central...

que lo que este en la central pueda quedar centrado pero respecto al ancho total de la pagina y no del pedazo que queda despues de descontar la columna izquierda

Ah y eso lo quisiera hacer con ancho variable (minimo 800px)

[daPhyre]

1. ¿Para que usas ese header?
2. Tienes un comentario HTML en CSS.

Esos detalles podrían estar causando un error en tus estilos. Suerte

[Italico76]

Amigo daPhyre: he eliminado el comentario HTML.... pero pasa lo mismo......

El 'header' es para ubicar el TITULO o un logo

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN'
'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='es'>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel='stylesheet' type='text/css' href='/css/header2.php'>
</head>

<body>
<div id="contenedor">
<div id='header' > <!-- logo -->
<h1><a href="/">Titulo</a></h1>
<div style='margin-top:8px'>
<span style='font-style:italic'>Leyenda</span>
</div>
</div>

<div id='cuerpo'>
<center>Hola Mundo</center>
</div><!-- cuerpo -->

</div> <!-- contenedor -->
</body>
</html>

AXUILIO

[Mikmoro]

Pues no estoy seguro ni mucho menos de entenderte, pero esa "especie de limitación" que comentas, seguramente se debe a que tienes esa caja flotada a la izquierda innecesariamente:

#cuerpo {
border : 0px dashed #333333;
min-width : 540px;
float: left;
...
}

Quita el float y creo que se centrará.

[Italico76]

Mikmoro: muchas gracias.....y gracias a todos.........

al final.... he toqueteado tanto que salio andando aunque con ANCHO FIJO en #contenedor, #header y #cuerpo

gracias!

PD: por la caracteristica de lo q debo poner el cuerpo........aunque no es lo q buscaba originariamente.......es preferible que sea de ancho fijo

[Calizman]

Que bueno que pudiste solucionar tu problema! porque igual no entendi nada de nada...

Si en algo te ayude... es un gusto!
y si no... espero en alguna oportunidad ayudarte!

Saludos!

[webosiris]

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN'
'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='es'>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

como nota al margen, esto no se puede.... el XHTML 1.1 tiene que ser enviado como xml, no como text/html. Usa mejor xhtml 1.0 o html 4.0.... no se porque esa manía (nada personal, perdona por tomarte de ejemplo pero es algo que he visto muchas veces) de usar "la versión mas grande" porque "tiene que ser mejor" sin pararse a leer las diferencias entra cada versión