Hola a todos, ando pausado totalmente con este lío que tengo :s.. les muestro el código:
Código:
.versus {
background: #FFF;
width: 30%;
font-size: 45px;
text-align: center;
margin: auto;
position: relative;
}
y el HTML:
Código HTML:
<div class="versus">
<div style="width: 612px; position: relative; text-align: center">
aqui el contenido...
</div></div>
En IE sale bien, pero en firefox hay un espacio mayor entre el div izquierdo y el central, que con el derecho.. debería de tener el mismo espacio entre el div izquierdo y el div derecho, ya que según, está centrado.
Aquí les dejo el html y el css del div izquierdo y derecho respectivamente:
Div izquierdo
Código:
.box_register {
width: 250px;
float: left;
position: relative;
margin-top: 16px;
margin-left: 12px;
border:2px solid #FADDA9;
background-color:#FDF4E1;
}
Código PHP:
<div class="box_register">contenido aqui
</div>
Div derecho:
Código:
.box_ads {
width: 160px;
height: 300px;
float: right;
position: relative;
margin-right: 10px;
border:2px solid #FADDA9;
background-color:#FDF4E1;
}
Código PHP:
<div class="box_ads">contenido</div>
Y todo el código html está así:
Código HTML:
<div class="box_register">div izquierdo</div>
<br>
<div class="box_ads">div derecho</div>
<div class="versus">
<div style="width: 612px; position: relative; text-align: center">contenido "central" (no totalmente :S)</div>
</div>
Espero que me puedan ayudar
Saludos!