Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 07/06/2011, 14:28

No voy a analizar el código que pusiste, ya que ni siquiera es un html generado,
El valor auto para la propiedad margin funciona perfectamente (en IE a partir de la versión 7) en todos los navegadores

Ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>Centrar con Auto</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
 
.centrada {
margin: 10px auto;
}
 
div.centrada {
width: 100px;
border: solid #000 1px;
height: 50px;
text-align: center;
}
 
img.centrada {
width: 100px;
display: block;
border: solid #000 1px;
}
 
    </style>
</head>
<body>
<div class="centrada">
Div centrada con auto
</div>
<table width="500" border="1" class="centrada">
<tr>
<td>
Tabla centrada con auto
</td>
</tr>
</table>
<div>
    
<img src="rojo.gif" width="100" height="100" alt="" class="centrada" />
</div>
<div class="centrada">
imagen centrada con auto
</div>
</body>
</html>

como verás estoy centrando múltiples elementos. tambien use text-align center para que veas como afecta

Te dejo una demo en
http://foros.emprear.com/mostrarcapa..._con_auto.html

Saludos