28173 sujets

CSS et mise en forme, CSS3

[Résolu] Débutant : problème de mise-en-page

Bonjour,
je suis débutant et très attiré par les mises en page xhtml et css, et pour mon premier éssai, j'ai un petit pb de mise en page.
Il y a qques jours que je traine avec ça sans pouvoir résoudre ce pb

je vous l'expose :

mon interface graphique est composée de 3 parties :
- haut
-milieu (milieu gauche, centre, milieu droit)
-bas

le pb > Le div du bas s'affiche normalement sous IE et pas sous firefox...
(sous FF, il vient s'ajouter au premier div 'haut', et donc à la place du div milieu...


la partie html : 


<body>
   <div id="global"> 
        <div id="haut"></div>
        <div id="milieu"> 
            <div id="bordgauche"></div>
            <div id="centre"></div>
            <div id="borddroit"></div>
         </div>
         <div id="bas"></div>
   </div>	
</body>



la partie css :

body {
			text-align: center ;
}

div#global {
			margin-left: auto;
			margin-right: auto;
			width: 853px;
			position:relative;
			text-align: left;
}
div#haut {
			width: 853px;
			height: 188px;
			background-image:  url('img/interface3_01.gif');			
}
div#milieu {
			width: 853px;
}
div#bordgauche {
			background-image:  url('img/interface3_02.gif');
			width: 31px;
			height: 414px;
			float: left;
}
div#centre {
			width: 788px;
			height: 414px;
			background-image:  url('img/interface3_03.gif');
			float: left;
}
div#borddroit {
			width: 34px;
			height: 414px;
			background-image:  url('img/interface3_04.gif');
			float: left;
}
div#bas {
			width: 853px;
			height: 48px;
			background-image:  url('img/interface3_05.gif');
}


je ne peut pas priver les utilisateurs de FireFox...
et je ne trouve pas le problème.
Pouvez-vous m'éclairer ?

Merci pour vos suggestions...soyez cléments, je débute...
Smiley cligne
Modifié par nesko (27 Aug 2006 - 16:59)
Bonjour et bienvenue.

Tout d'abord,
Merci d'éditer ton message et placer ton code entre les balises "code", comme spécifié dans les règles d'usage du forum. Smiley cligne

Voir "Mise en forme des messages" ICI
Modifié par dom (26 Aug 2006 - 10:59)
Bonjour nesko et bienvenue sur Alsacréations Smiley smile ,

Comme te l'indique dom il faut effectivement présenter plus lisiblement ton code comme indiqué dans l'aide: 13- Mise en forme générale des messages. Tu peux éditer ton message Smiley cligne .

As-tu vu le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?..."), tout comme le sujet d'annonce de salon qui devrait te donner des pistes avant de poster: A lire avant de poster dans ce salon (Méthodologie) !

Tu augmenteras tes chances de réponses en donnant un exemple en ligne Smiley cligne .
ok, merci à tous, éffectivement, problème résolu !!!
ouf !
merci jp 94 et pardon pour le manque de présentation de mon message.
je vais améliorer tout cela, promis.
merci à vous et bon-week-end !
Sujet clos
Aller à