Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/06/2008, 16:10
Avatar de yrduk
yrduk
 
Fecha de Ingreso: enero-2007
Ubicación: Caracas, Venezuela
Mensajes: 277
Antigüedad: 17 años, 3 meses
Puntos: 3
problema con centrado de div

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
&nbsp;</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!
__________________
Twitter/kudry
mkd.la - blog