Message HTML qui sort du message

[Chipardeur]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://modern-war.forumactif.org/

Description du problème

Bonjour !

Voilà j'ai un problème par rapport à un code HTML et un code CSS, qui sont liés évidemment.
J'aimerai que mon "formulaire" ne sorte pas de la case message comme ça le fait actuellement et qu'elle se mette automatique à la taille maximale pour l'utilisateur.
Impossible de trouver comment faire.
Merci d'avance !
Code HTML:

Code:

<table cellspacing="0" class="annonce-form"><thead><tr><td class="annonce-title">Annonce de l'équipe administrative</td> </tr> </thead> <tbody> <tr> <td class="annonce-contain"> test test test test test </td> </tr> </tbody> <tfoot> <tr> <td class="annonce-footer"></td> </tr> </tfoot></table>

Code CSS lié:

Code:

.annonce-title {
    background: rgb(202, 202, 202) url(https://i.imgur.com/IjMQHS3.png) no-repeat scroll 0 8px!important;
    color: #fff;
    font-family: sans-serif, FontAwesome;
    text-align: center;
    word-wrap: break-word;
    padding-left: 170px;
    vertical-align: middle;
    text-shadow: 1px 1px 1px rgb(93, 115, 126);
    font-size: 25px;
    height: 100px;
    line-height: 1em;
}

.annonce-form {
    background-color: #f7f7f7;
    border-right: 1px solid #ddd;
    border-spacing: 0;
    position: absolute;
    width: auto;
}

.annonce-contain {
    border-left: 20px solid rgb(202, 202, 202);
    border-right: 20px solid rgb(202, 202, 202);
    padding: 10px 30px;
}

.annonce-footer {
    background: rgb(202, 202, 202);
    height: 20px;
}

[Chipardeur]

Problème résolu: position: absolute > position: relative.