JeuWeb - Crée ton jeu par navigateur - [Résolu][CSS] Positionnement de blocs

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

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

) 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

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

Merci Shakkah ça marche parfaitement

J'avais pas trouvé la solution, faut dire que je suis pas super débrouillard en CSS

JeuWeb - Crée ton jeu par navigateur

Mr-Blonde

Psykose

Shakkah

zneman

Psykose

Mr-Blonde