Pb de taille de calque sur ie 6 et firefox 2

yveson33 -  
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,
je viens aupres de vous sollicité de l'aide.apres avoir fais de recherche par ici par la j'arrice toujours pas a resoudre ce probleme d'affichage de la taille(que je fixe en px) d'un calque qui est assez correcte sur IE 6 et pas du tout sur FIREFOX (il s'affiche sur 100%)
voici une bride de mon code html:

<div class="tableau">
<div id="Banniere">
<img src="Images/Degrade_banniere.gif" width="1" height="100" />
</div>
<div id="Contenu">
<div class="Fonctions">
<p class="Titre">Fonctions</p>
<div class="Menu_1">
<ul id="Menu_1_1">
<li><a href="#">Objectifs</a></li>
<li><a href="#">Fonctions principales</a></li>
<li><a href="#">Mise en projet</a></li>
</ul>
</div>
</div>
<div class="Santé">
<p class="Titre">Santé</p>
<div class="Menu_2">
<ul id="Menu_1_1">
<li><a href="#">Les médecins</a></li>
<li><a href="#">Centres hospitaliers</a></li>
<li><a href="#">Recherche</a></li>
</ul>
</div>
</div>
</div>
</div>

et la le codage css:

#Banniere{ position:absolute; top:0; width:900px; height:100px; background-image:url(Images/Degrade_banniere.gif); background-repeat:repeat-x; background-position:top;}
.tableau{ position:relative; display:table; width:950px; height:600px; margin-left:auto; margin-right:auto}
.Menu_1{
position:absolute;
top:25px;
border:solid 1px;
border-color:#33CCFF;
background-color:#FFFFFF;
width:148px;
height:100px;
background-image:url(Images/fond.gif);
background-repeat:no-repeat;
background-position:right;

}
#Menu_1_1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
#Menu_1_1 ul,li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; list-style:none; }

.Fonctions{
background-color:#003366;
position:absolute;
top:0px;
height:100px;
width:150px;
}
.Santé{
background-color:#003366;
position:absolute;
top:130px;
height:100px;
width:150px
}

.Titre{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFF99;
position:absolute;
left:1px ;
top: 0;
width:100%;
}
.Menu_2{
position:absolute;
top:25px;
border:solid 1px;
border-color:#33CCFF;
background-color:#FFFFFF;
width:148px;
height:100px
}
#Fond_Menu{
position:absolute;
top:13em;
width:150px;
height:100%;
background-color:#003366;
}

#Contenu{
position:absolute;
top:100px;
width:898px;
border:solid 1px;
border-color:#33CCFF;
background-color:#FFFFFF;
height: 100%;
}

merci pour votre aide je continu les recherches
A voir également:

2 réponses

yveson33
 
precision le block (tableau) auquel je fixe une taille de 600px j'affiche correctement sur IE et à 100% sur FIREFOX d'ou vien le probleme?
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

as-tu essayé sans le 'display:table;' ?

.tableau{ position:relative; display:table; width:950px; height:600px; margin-left:auto; margin-right:auto} 
0