[Résolu][CSS] Positionnement de blocs

[Mr-Blonde]

Bonjour à tous !

Tout d'abord je vous soumet cette screen de mon MMORPG :


Vous pouvez voir dessus 3 modules :
-Dojo : La carte
-Mr-Blonde : Les stats de persos
-Votre Messagerie : La messagerie en construction.

Je voudrais placer le module "Votre Messagerie" sous le module "Mr-Blonde", voici les CSS que j'utilise pour :
-Les Modules Mr-Blonde et Dojo :

.gauche{
float: left;
border : 1px solid #7297d8;
}

-Le Module Votre Messagerie :

.messagerie{
float: left;
border : 1px solid #7297d8;
margin-top : 135px
}

Et le code de la page en question :

Code :

<fieldset class="gauche" style="width:{MAP_WIDTH}px;height:{MAP_HEIGHT10}px;">
  <legend><b>{MAP_NAME}</b></legend>

   <div id="global_map">

    <div style="position:relative;left:0px;top:0px;background-image:url({MAP_BACKGROUND});width:{MAP_WIDTH}px;height:{MAP_HEIGHT}px">

     <div id="message"></div>

     <div id="map_loader">

      <div id="map_loading" style="width:{MAP_WIDTH}px;height:{MAP_HEIGHT}px;"><br /><i>{L_MAP_LOADING}</i></div>

     </div>

     <div id="lower_bloc"></div>

     <div id="upper_bloc"></div>

     <div id="event_bloc"></div>

     <div id="player_bloc"></div>

     <div id="action_bloc"></div>

     <div id="action_bloc_cursor"></div>

    </div>

   </div>
   </fieldset>
   <fieldset class="gauche" style="height:105px">
   <legend><b>{USER_NAME}</b></legend>
    <div style="width:{CHAR_WIDTH}px;height:{CHAR_HEIGHT}px;background-image:url(images/charasets/{CHARASET})"></div>
   <br>{L_HAD_MONEY} <b>{MONEY}</b> {L_SORT_MONEY}
   </fieldset>
<fieldset class="messagerie">
   <legend><b>{L_PAGE_MESS}</b></legend>
    <div style="width:{CHAR_WIDTH}px;height:{CHAR_HEIGHT}px;background-image:url(images/charasets/{CHARASET})"></div>
   <br>{L_HAD_MONEY} <b>{MONEY}</b> {L_SORT_MONEY}
   </fieldset>

Je tiens à préciser que tout ça doit être programmé comme un gros sale pour la simple et bonne raison que je suis novice :p

J'ai essayé tout pleins de systèmes (comme programmer comme un gros sale) mais je n'arrive pas au résultat recherché !

Merci d'avance et bonne fin de journée !

[Psykose]

Solution #1 : Pour le div dont le nom est MrBlonde sur la screen (la flemme de chercher son nom en css xD ) appliques la propriété display : block; et si il a un float enleve le lui.

Solution #2 : Crée un fieldset global pour gauche puis crée un div de la largeur de ton fieldset et met le div ou il y a marqué Mr Blonde dedans.

[Shakkah]

Le plus simple tu fais une div globale contenant les stats du perso et la messagerie.

En gros 2 div principale , puis la div de gauche rediviser en 2.

[zneman]

Le plus simple tu fais une div globale contenant les stats du perso et la messagerie.

En gros 2 div principale , puis la div de gauche rediviser en 2.

Idem, ça ne tiendrais qu'à moi, je ferrais un div contenant tout

[Psykose]

Si ça ne tenait qu'a moi je n'aurais même pas fais de fieldset xD

[Mr-Blonde]

Merci Shakkah ça marche parfaitement
J'avais pas trouvé la solution, faut dire que je suis pas super débrouillard en CSS :p