Bonjour à tous :
J'ai un petit problème d'affichage sous firefox.
Je crée un header composé de deux <div>
l'un (class="header") vide déclaré en css avec un background-image et l'autre (class = "header_menu") contenant le menu et déclaré egalement avec une image de fond dans ma feuille de style.
Sous IE, pas de problème tout s'affiche correctement, par contre sous Firefox et Opera, ben la <div> vide ne s'affiche pas...
j'ai mis une version en ligne :
En ouvrant avec IE et puis Firefox, la difference saute aux yeux.
Si qqun à une idée !
Merci d'avance.
Mon CSS :
#global
{
margin-left: auto;
margin-right: auto;
width: 760px;
}
body
{
margin = 0;
background-color:#EBECF0;
text-align:center;
margin-top:10px;
font-family: verdana, arial, sans-serif;
}
div.header
{
width = 760px;
height = 109px;
background-image : url("images/paysage_logo.png");
}
div.header_menu
{
width = 760px;
height = 20px;
background-image : url("images/bas_header.png");
text-align:left;
}
Mon HTML :
<html>
<head>
<title>Essai</title>
<link rel="stylesheet" type="text/css" href="runstyle.css" media="all" />
</head>
<body>
<div id="global">
<div class="header"></div>
<div class="header_menu">Menu</div>
</div>
</body>
</html>
Modifié par darksky874 (10 Oct 2006 - 14:44)
J'ai un petit problème d'affichage sous firefox.
Je crée un header composé de deux <div>
l'un (class="header") vide déclaré en css avec un background-image et l'autre (class = "header_menu") contenant le menu et déclaré egalement avec une image de fond dans ma feuille de style.
Sous IE, pas de problème tout s'affiche correctement, par contre sous Firefox et Opera, ben la <div> vide ne s'affiche pas...
j'ai mis une version en ligne :
En ouvrant avec IE et puis Firefox, la difference saute aux yeux.
Si qqun à une idée !
Merci d'avance.
Mon CSS :
#global
{
margin-left: auto;
margin-right: auto;
width: 760px;
}
body
{
margin = 0;
background-color:#EBECF0;
text-align:center;
margin-top:10px;
font-family: verdana, arial, sans-serif;
}
div.header
{
width = 760px;
height = 109px;
background-image : url("images/paysage_logo.png");
}
div.header_menu
{
width = 760px;
height = 20px;
background-image : url("images/bas_header.png");
text-align:left;
}
Mon HTML :
<html>
<head>
<title>Essai</title>
<link rel="stylesheet" type="text/css" href="runstyle.css" media="all" />
</head>
<body>
<div id="global">
<div class="header"></div>
<div class="header_menu">Menu</div>
</div>
</body>
</html>
Modifié par darksky874 (10 Oct 2006 - 14:44)