Hola, finalmete he enconrado varias soluciones:
1ªForma: DIV con formato de tabla
Código:
<div style="text-align: center;"><!-- centrar -->
<div style="background-color:#AFEEEE;border-width: medium;
border-style: outset;display: inline-block;"> <!-- la tabla -->
<!-- las celdas
-->
<div style="text-align: center;">
Div con formato tabla
</div>
<div style="text-align: center;">
otra celda
</div>
<!-- fin celdas -->
</div>
</div>
Esto funciona en Firefox y las versiones nuevas de Internet Explorer pero en la versión IE 7, no se adapta al texto, la caja ocupa todo el ancho:
2ªForma: DIV Warp (Un div envolvente exterior)
Código:
<div style="text-align: center;">
<div style="background-color:#AFEEEE;
margin:0 auto 0 auto;
border-width: medium; border-style: outset; display:inline;">
Div con warp
</div>
</div>
Funciona perfectamente
3ªForma: DIV con Display:Inline y Body con text-align: center;
Código:
<body style="text-align: center;">
<p style="text-align: left;">
dfsdfsfs
</p>
<div style="background-color:#AFEEEE;
margin:auto;
border-width: medium; border-style: outset; display:inline;">
Div con display:inline;
</div>
Saludos