Zitat von Gothic

kleine Anmerkung von mir packt den ganzen Code noch in Folgende Schleife sonst freuen sich die User die Handys/Tabletes ect. nutzen über zusammen geschobene Texte.

Was Gothic damit meinte:

Versuche es mal hiermit (Feste Größen Header + Footer bis zu einer bestimmten Bildschirmbreite)

@media only screen and (min-width: 801px) {
    .messageBody > footer {
        height: 30px;
    }
    .message .messageContent .messageHeader {
        height: 65px;
    }
    .message .messageBody {
        margin-left: -60px;
    }
}

und das nimmst du raus

.messageBody > footer {padding-bottom: 14px;