[Resuelto] Estadísticas de usuario en la página de perfil

¡Hola!

Hasta ahora había logrado resolver todas las dudas que me generaban los tutoriales o los errores en los códigos; sin embargo, me he quedado atascada haciendo la página de perfil tras seguir este tutorial.

No sé qué he hecho mal, he revisado por si tenía algún div mal cerrado o por cosas de la vida, el div de las estadísticas estaba fuera del div general. Tras hacer el tutorial y seguir los pasos, la estructura del perfil me ha quedado así:

Spoiler:

Mi problema es que las estadísticas se quedan fuera, cuando deberían estar en la segunda columna, para que luego con CSS colocarlo al lado de la caja de hoja de personaje, tal y como se ve en el boceto que hice en illustrator:

Boceto:

No sé qué tengo mal ni por qué pasa eso. Según cómo se ve el boceto, la imagen también tiene que quedar debajo del todo y había probado a hacer dos zonas de campos de perfil dentro de la segunda columna (y eliminar con CSS los campos sobrantes), pero en vez de quedar debajo de la hoja del personaje, se queda fuera de las columnas como con las estadísticas. Miré en el inspector de elementos y por algún momento el div de las estadísticas se sale fuera de los divs columnas, cuando en el template lo tengo dentro de la "columna2". Y aunque estuviera fuera, tendría que quedarse debajo de las columnas sí o sí, porque en el template lo tengo al final del código.


No sé por qué ocurre esto, si he puesto algo mal en el template o qué, pero os dejo el código y el enlace al perfil de usuario de mi foro de pruebas en hide. He habilitado para que los invitados puedan ver los perfiles. Si se entra como invitado, la composición de los elementos se ven como quiero, así que me tiene muy confundida el por qué si estás dentro del foro como miembro, las estadísticas se salen fuera de la columna D:

Código:

<div class="userpp">
 <div class="cajauser">
 <div class="nombreuser">{USERNAME}</div>
 </div>
   <table><tr><td>
 <div class="columna1">
 <div class="avatar">{AVATAR_IMG}</div>
 <div class="contactos">
 <!-- BEGIN contact_field -->
 <div id="field_id">
 <span class="labelc">{contact_field.LABEL}</span>
 <span class="contc">{contact_field.CONTENT}</span>
 </div>
 <!-- END contact_field -->
 </div>
 </div>
         </td><td>
 <div class="columna2">
 <div class="contenidos">
 <div id="online">
 <!-- BEGIN switch_show_status -->
 {USER_ONLINE}
 <!-- END switch_show_status -->
 </div>
 <div id="rango">{POSTER_RANK}</div>
 <div id="ultvis">
 <span class="label">{L_LAST_VISITED} </span>
 <span class="cont">{LAST_VISIT_TIME}</span>
 </div>
 <!-- BEGIN profile_field -->
 <div id="field_id{profile_field.ID}">
 <span class="label">{profile_field.LABEL}</span>
 <span class="cont">{profile_field.CONTENT}</span>
 </div>
 <!-- END profile_field -->
                                 <div id="stats">
                                     <div class="statstitle">Stats</div>
 <!-- BEGIN switch_rpg -->
 <div class="panel bg1">
 <!-- BEGIN rpg_fields -->
 <div class="barras">
 <dl class="details">
 <dt>{switch_rpg.rpg_fields.F_NAME}:</dt>
 <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd>
 </dl>
 </div>
 <!-- END rpg_fields -->
 <div class="clear"></div>
 <fieldset class="submit-buttons">
 {U_ADMIN_RPG_NEW}
 </fieldset>
 </div>
 <!-- END switch_rpg -->
                                  </div>
                                  <div id="estadisticas"><div class="estadpu">Estadísticas</div>
                                     [{POST_PERCENT_STATS} / {POST_DAY_STATS}]
 <a rel="nofollow" href="/st/{PUSERNAME}"><div id="field_id_st">Ver temas abiertos por {USERNAME}.</div></a>
 <a rel="nofollow" href="/sta/{PUSERNAME}"><div id="field_id_sta">Ver temas en los que {USERNAME} ha posteado.</div></a>
                                        <a rel="nofollow" href="/spa/{PUSERNAME}"><div id="field_id_spa">Ver mensajes de {USERNAME}.</div></a>
                                  </div>
 </div>
 </div>
        </td></tr></table>
 <div class="useradmin">
 <!-- BEGIN switch_auth_user -->
 <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px">
 <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd>
 </dl>
 <!-- END switch_auth_user -->
 </div>
</div>

Las estadísticas se tienen que poder poner dentro de la segunda columna,  en el tutorial de Eine he visto que funciona y se colocan debajo de los campos de perfil.

Ojalá alguien pueda ayudarme.

Muchas gracias

¡Hola Skade! A grandes rasgos puedo decir que debe ser algun div que esta de más y es lo que te está moviendo las cosas de lugar. Otra es que se este repitiendo el nombre de algun div y en tu CSS te este generando problemas. Aunque ya revise uno por uno y creo que están todos bien cerrados, algo debe estar brincando mal para que te mueva las cosas de lugar, me podrias pasar el HTML completo del template que estas usando porfavor para darle una revisada más a detalle?

¡Hola Roshio!

Gracias por echarle un vistazo, no entiendo qué le ocurre ni por qué si no estás registrado se ven las estadísticas en su sitio, mientras que si eres miembro se van a una esquina ;_;

Te dejo el HTML del template y el CSS :c

¡Hola Skade! Disculpa la demora en responder, entre de nuevo a tu foro y ya se ve el perfil arreglado, bueno creo que ya está arreglado pero nosé como se debería ver al final. ¿Sigues teniendo problemas con el código?

¡Hola Roshio!

Al final busqué otra forma de hacerlo, ya que seguía sin ir. Para invitados las estadísticas se ven bien, pero si estás conectado se ve como en la captura de pantalla que puse en el primer post D:

Al final me quedó así y está como quería, pero tuve que hacerlo de otra forma: