Lunatic Visiteur

Inscrit le: 10 Mai 2004 Messages: 1
|
Posté le: 26 Juil 2004 12:40 Sujet du message: Imbrication de DIV / centrage |
|
|
Hello tous,
Problème "con", je suppose que ceux qui ont l'habitude du CSS pourront me répondre rapidement.
Je fais une page qui a des marges égales à droite et à gauche (c'est donc centré). Je fais cela avec un "div".
Ensuite j'insère d'autres "div" affichant diverses informations. Tout est ok sous IE, alors que sous Firefox, ces div s'affichent au dessous et non pas dans le div principal...
Voir images pour comprendre
Et voici mon code :
Template :
| Code: |
<div class="conteneur">
test
<div class="principal">
<!-- BEGIN liste_messages -->
{mode_main.liste_messages.DATE}
<h2 class="titre">{mode_main.liste_messages.TITRE}</h2><br>
<p class="messages">
{mode_main.liste_messages.MESSAGE}</p><br>
<!-- END liste_messages -->
</div>
<div class="menu">
<!-- BEGIN calendrier -->
{mode_main.calendrier.CALENDRIER}
<!-- END calendrier -->
</div>
</div> |
Le CSS :
| Code: |
#conteneur {
position: relative;
width: 50em;
text-align: left;
margin: 0 auto;
padding: 0;
border: none;
background: #FFFFFF;
color: inherit;
}
.principal {
float: left;
width: 38em;
}
.menu {
float: right;
width: 10em;
border: 1px solid black;
} |
Une idée ? Merci par avance  |
|