Problemilla con tablilla de expediente. T^T

Ehmmm--- nena probaste la tablilla aquí en dixie? Por que la puse en mensaje para previsualizarla y me sale perfecta?! mira la postearé a continuación...

vamos a ver si puedo ayudar, no puedo ver el código así que editare cuando vea el problema.

EDIT:
Al principio pense que era la zona del contenido de la ficha XD, pero despues entendi que era el header, bueno no se si la teoría que daré estará buena pero el problema es el siguiente:

En el header estas usando la etiqueta de table(no es necesario que uses el tbody); y en el blokis estas usando el display inline - block, que es básicamente lo mismo, pero a diferencia del table el inline-block se acomodara al espacio que le darás es decir que el contenido no sera distribuido por igual, osea que se desacomodara, En cambio el table se encarga de distribuirlo todo por igual.

Por lo tanto esto te puede ayudar:
-Al blokis quitale el display: inline - block
-Al header agrega dos veces el < table >
asi:

Código:

<table><tr><td><table><tr><td></td></tr></table></td></tr></table>

agrega el contenido de los bloquis en la segunda etiqueta de table y distribuyelo en columnas de dos y filas de 3, asi como tu lo tienes.
-Luego cambia en el blokis span el line - heignt 300%; por el 1em; y asi se acomodara, si lo quieres centrado usa la etiqueta br

-Te recomiendo que pongas todos los códigos en un solo style,no es necesario que uses el style type= text/css cuando ya estas usando el style.

esto ayudara a que tengas un mejor orden.

espero haber podido ayudar   , si no pues lo siento...

Código:

<style></style>

Si funciono y tienes dudas me puedes mandar un mensaje, sin mas dejo mucho love

XD te entiendo, tambien me paso lo mismo cuando comenzaba a usar la etiqueta table, estabas bien al principio, lo unico que no empleaste fueron los td, cada uno de los blokis debe tener su td para que tenga su espacio correspondiente, el tr te ayuda colocarlos verticalmente y el td horizontal.

La primera table las usaste para separar o dividir el espacio de la header, por lo tanto solo usaras una tr y dos td, pero en la parte en donde irán el contenido de las blokis usaras nuevamente la etiqueta table y es aqui en donde tu le darás el espacio que quieres, en este caso 6 td y 3 tr, siempre que abres un tr debes cerrarlo y siempre ira antes de /table, si no haces eso el comando no te lo aplicara.


espero haber ayudado

Ugh sí las tablas son latosas y más cuando tienes que tener todo perfectamente alineado y hay algo que simplemente no quiere entrar en su lugar, pero es cosa de arreglar los divs uno por uno, a veces es mejor tener un div para cada cosa o aparte del class usar el style en ese div para modificarlo ligeramente.

Yo lo arreglé de la siguiente manera, nosé que te parezca, al div de blokis le puse en el display: inline-table para que alineara los divs como si fueran una tabla, y al span le agregué un display: block para que mantuviera la forma y pudiera aceptar el padding que deja mover el texto mejor que con el puro line-height, yo casi no uso el line-height para alinear texto porque es latoso, yo confio más en los paddings y margin, tambien hice la letra más pequeña.

Touka Kirishima TEXTO DOBLE LINEA AQUI tiger of summer TEXTO DOBLE LINEA AQUI TEXTO DOBLE LINEA AQUI TEXTO DOBLE LINEA AQUI

❝even i want to live as a human❞