Que tal comunidad
Pues resulta que hice una modificación al postbit y en todos los navegadores se ve correctamente, excepto en Chrome.
-----------------
En Opera ----------------------------------
En Firefox
-----------------
En Explorer ----------------------------------
En Chrome
Como ven, en Chrome se dealinea, pero me parece que es porque Chrome toma al pie de la letra la instrucción del margen. Este es el código:
Código:
.caja-usuario-contenido {
background: url(images/mycleanorange/contenido-postbit.png) top left repeat-y;
width: 200px;
height: auto;
}
.caja-usuario-contenido2 {
background: url(images/mycleanorange/postbit-datos.png) top left;
margin-left:-15px;
width: 200px;
height: 98px;
font-family: Verdana;
font-size: 13px;
border-top: url(images/mycleanorange/postbit_datosmargen.png) no-repeat;
border-bottom: url(images/mycleanorange/postbit_datosmargen.png) no-repeat;
}
Tuve que agregar el margen de -15 ya que de otra manera me quedaba como lo está mostrando Chrome, así que me supongo que no estoy declarando correctamente la nueva clase.
Otro punto, la imagen de arriba de Chrome, muestra la caja del mensaje antes de quitar la flecha en la caja del mensaje para la cuenta invitado, ya que no me había percatado que aún la tenía, así que cuando la quité se me desalineó tambien la caja del mensaje y quedó así: