[Rendimiento]  Modificación al postbit de MyClean desalineada en Chrome
* URL del foro: http://www.loquete.com/ * Versión del foro: 1.6.2 * Actualización: Desde la 1.6.1 a la 1.6.2 Que tal comunidad Pues resulta que h...


Que tal comunidad

Pues resulta que hice una modificación al postbit y en todos los navegadores se ve correctamente, excepto en Chrome.

[Imagen: 109opera.png] ----------------- [Imagen: 713ff.png]
En Opera ---------------------------------- En Firefox



[Imagen: 852explorer.png] ----------------- [Imagen: 675chrome.png]
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í:

[Imagen: 125chrome2.png]
Estuve viendo y tienes caja-usuario-contenido2 dentro del caja-usuario-contenido. Creo que habría que sacarlo fuera y fuchicar un poco en el css... Pero no estoy del todo seguro.
Mmm, ok, voy a revisar con eso que dices a ver como me va. Lo haré mas tarde que no haya tráfico.
Bueno, después de testear un poco con las recomendaciones de Exdiogene y Abdón, al final me ha quedado resuelto ese problema y ya se ve alineado con todos los navegadores:

[Imagen: 628xc.png]

pero como ven el cambio no está abarcando todo el ancho del postbit, ya que no le quise declarar un width particular y está herendando el que viene para toda la caja, cuyo código es este:

Código:
.caja-usuario {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
}

.caja-usuario-cabecera {
    background: url(images/mycleanorange/postbit.png) top left no-repeat;
    height: 11px;
}

.caja-usuario-contenido {
    background: url(images/mycleanorange/contenido-postbit.png) top left repeat-y;
    height: auto;
}

.caja-usuario-contenido2 {
    background: url(images/mycleanorange/postbit-datos.png);
    height: 98px;
              width: auto;
    font-family: Verdana;
    font-size: 13px;
}

.caja-usuario-pie {
    background: url(images/mycleanorange/postbit.png) bottom left no-repeat;
    height: 12px;
}

y en las plantillas lo sigo manejando dentro de la clase caja-usuario-contenido.

Solamente tengo un problema con Firefox, y es que no me está dejando margen entre el texto del mensaje y el border de la caja del mensaje, pero eso ya lo plantearé despues si no lo puedo resolver.