Problema Descuadre content box (principiantes)

[bleenk]

Buenas amigos,
Hace unos dias empecé a jugar con Wordpress y a editar mi propio tema con CSS. He aprendido mucho gracias a algunos manuales de anieto2k. Ahora estoy intentando hacer una box content presentable y bonita, segui el tutorial que andrés colgó modificandolo ligeramente para adaptarlo a mis necesidades (http://www.anieto2k.com/2006/01/24/bordes-redondeados-con-estilo/).
Va todo perfecto pero tengo un pequeño problema, y es que cuando hago posts demasiado largos se me descuadra todo. Podeis verlo aquí: http://www.blinksilvs.net76.net/?p=46 cuando deberia verse siempre asi: http://www.blinksilvs.net76.net/?p=55
El codigo CSS que estoy usando es:

Código:

div.caja, div.caja_body, div.caja_head, div.caja_head h2 {
background: transparent url(caja.png) no-repeat bottom right;
}
div.caja {
margin:20px auto;
padding-right:15px;
width:585px;
}

div.caja_head {
background-position: top right; margin-right: -15px;
padding-right: 40px;
}

div.caja_head h2 {
background-position:left top;
height:auto;
margin:0pt;
padding-top:45px;
text-align:center;
padding-left:75px;
}

div.caja_body {
background-position:left bottom;
margin-right:21px;
padding:22px 0pt 15px 40px;
padding-top:28px;
padding-bottom:120px;
}

div.caja_body img {
display:block;
margin:auto auto 30pt;
padding:5pt 0pt 10px;
height:100%;
width:400px;
}

y el HTML:

Código:

<div class="caja">
<div class="caja_head"><h2 class="photo-title"><?php the_title(); ?></h2></div>
<div class="caja_body">
<p><?php the_content(); ?></p>
</div>
</div>

Alguien sabe que debo tocar para que no se descuadre el box content ? Muchas gracias por adelantado ;)

Saludos !

[Mikmoro]

Supongo que hay algún paso del tutorial que no has hecho bien (imagino, o quizá es que es así). En este selector:

div.caja, div.caja_body, div.caja_head, div.caja_head h2 {style.css (line 433)
background:transparent url(caja.png) no-repeat scroll right bottom;
}

dices que todos y cada uno de esos elementos tengan la imagen de fondo, que tiene un tamaño determinado.

Si el div "div.caja_body" crece, obviamente muestra la imagen de fondo, y como la tienes colocada abajo y a la derecha (right bottom), cuando crece más de la cuenta empieza a dejar ver la parte superior de la imagen, porque la caja es más grande que ella y se ve por completo.

¿Cómo solucionarlo? revisa los tutoriales que has comentado, porque lo habitual suele ser hacerlo con recortes de la imagen original, de manera que pueda crecer tanto como quiera sin que ocurra esto.

Mikel.

[bleenk]

El codigo CSS es un c&p asi que supongo que el tutorial no está bien del todo... entonces si recorto la imagen y lo hago "a trozos" deberia funcionar ? :P

muchas gracias mikmoro

[Mikmoro]

Sí, normalmente es la mejor solución.

Bueno, he mirado el ejemplo del artículo y lo cierto es que le ocurre lo mismo que a tí.

Mikel.