Probème avec mozilla

Synapse -  
 synapse -
Bonjour,
J'ai créé un fan site pour Dofus en html et css. J'ai des problèmes de dimension avec mes cadre sous mozilla or avec EI tout fonctionne correctement.

Pouvez vous m'aidez?

Lien : http://www.dofuslight.be

définition: Page = Premier cadre (le plus grand)
header = L'emplacement de la bannière
menu = Menu du dessus
bloc = lieu principale (cadre à droit)
menu_gauche=Menu gauche (cadre de gauche)
CSS:

body {
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:0.7em;
font-family:Verdana, Trebuchet MS, Tahoma, Helvetica, Sans-serif;
background: #dea ;
}

#page {
height: 100% ;
width: 95%;
margin-left: auto;
margin-right: auto;
border: 2px solid #ab4 ;
background: #fff ;
background: #dea ;
}
h1#header
{
background:url('interface/banniere.png') no-repeat;
height: 260px;
background-position: center top;
}

ul#menu
{
height: 25px ;
margin-top: -70px ;
margin-left: 0;
float:right;
padding: 0 ;
background: url(interface/bg_menu.gif) repeat-x 0 -25px ;
list-style-type: none ;
}

ul#menu li
{
float: right ;
text-align: center ;
}

ul#menu li a
{
width: 130px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-left: 2px solid #dea ;
}

ul#menu li a:hover
{
background: url(interface/bg_menu.gif) repeat-x 0 0 ;
}

ul#bloc {
height: 100% ;
width:75%;
float:right;
margin-right: 1%;
margin-top: -30px;
text-align:left ;
border: 2px solid #ab4 ;
background: #fff ;
}

div#menu_gauche {
position: absolute;
background-position: left-top;
width:200px;
margin-left: -2px;
margin-top: -30px;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
}

#menu_gauche h2 {
color:#1187CB;
text-transform:uppercase;
font:normal 1.3em Verdana, Sans-serif;
}

#menu_gauche ul {
list-style-type:none;
margin-left:20px;
width:125px;
}

#menu_gauche a {
border-bottom:1px dotted #CCCACA;
height:20px;
display:block;
padding:15px 0 0 10px;
text-decoration:none;
color:#535252;
}
#menu_gauche a:hover { text-decoration:underline; }
A voir également:

1 réponse

synapse
 
svp j'ai besoin de vous.

Synapse
0