Probème avec mozilla
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; }
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; }
Configuration: Windows XP Firefox 2.0.0.20