Bueno el tema es que tengo una pagina en PHP en la cual debo centrar varios elementos dentro de sus respectivos divs. El problema es que se visualiza bien en varios navegadores (Firefox, Opera, Netscape, Chrome, Safari) menos en el maldito IE 7.
Este es el codigo de la hoja PHP:
<html>
<head>
<title>Autentificación PHP</title>
<link href="box.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<div id="centrante">
<div id="contenedor">
<div id="logo">
<img src="logo_box.png">
</div>
<div id="login">
<form action="control.php" method="POST">
<?if ($_GET["errorusuario"]=="si"){?>
<span id="referencia-a" style="color:#ff0000">Datos incorrectos</span>
<?}else{?>
<span id="referencia-b" style="color:#cccccc">Introduzca la clave de acceso</span>
<?}?>
<div id="usuario">
<p>Usuario:</p>
<input type="Text" id="textfield1" name="usuario" size="8" maxlength="50">
</div>
(solo un fragmento, ya que el problema no esta en el codigo anterior pero para q lo vean) y la siguiente propiedad utilizo para centrar algunos de los elementos del anterior codigo:
#contenedor {
background-image: url(fond_indexbox.png);
background-repeat: none;
background-position: left top;
height: 375px;
width: 465px;
margin-right: auto;
margin-left: auto;
#logo img {
margin-right: auto;
margin-left: auto;
display: block;
}
Bueno, el problema es que jamas tuve drama para centrar elementos...sera porque es un archivo PHP?