JeuWeb - Crée ton jeu par navigateur

Version complète : [Résolu][CSS] Positionnement de blocs
Vous consultez actuellement la version basse qualité d'un document. Voir la version complète avec le bon formatage.
Bonjour à tous !

Tout d'abord je vous soumet cette screen de mon MMORPG :
[Image: hailpemiwi4.png]

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 :
Citation :.gauche{
float: left;
border : 1px solid #7297d8;
}
-Le Module Votre Messagerie :
Citation :.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 10

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 !
Solution #1 : Pour le div dont le nom est MrBlonde sur la screen (la flemme de chercher son nom en css 45 ) 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.
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.
Shakkah a écrit :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 2
Si ça ne tenait qu'a moi je n'aurais même pas fais de fieldset 45
Merci Shakkah ça marche parfaitement 16
J'avais pas trouvé la solution, faut dire que je suis pas super débrouillard en CSS 10
URLs de référence