Bonjour,
Voila mon soucis, j'ai développé une page web avec un fond gris, une image de fond centrée et un menu que je cale au bon endroit dans l'image (du moins j'essaie)
Sur poste local aucun soucis mais une fois mis en ligne, avec mon pc de développement pas de soucis, le menu est au bon endroit. Mais sur d'autres postes le menu est soit décalé vers le bas soit prend plus d'espace en largeur ... (ceci est surement du à la version des navigateurs) moi j'utilise IE8 et Firefox 3.6.3.
auriez-vous une idée pour parer à ce problème?
Voici une image avec mon menu plus large que la normal...
[URL=http://www.imagup.com/pics/1275102659.html][IMG]http://pics.imagup.com/ano1/1275102659.JPG[/IMG][/URL]
3eme image = emplacement idéal (sur mon poste nickel !)
1ere image = firefox
2eme image = internet explorer
Voici le code :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<body class="divLayoutHeaderBackground" style="margin-top: 352px;">
<div class="divLayoutMenu">
<a href="default.aspx" title="Accueil">Accueil</a>
<a href="forum/default.aspx" title="Forum">Le Forum</a>
<a href="fichiers/default.aspx" title="Fichiers">Les Docs</a>
<a href="jeu/default.aspx" title="Jeu">Le Jeu</a>
<a href="site/site.aspx" title="Site">Mon Site</a>
<a href="news/default.aspx" title="News">Les News</a>
<a href="admin/admin.aspx" title="Admin">Admin</a>
</div>
<div class="divLayoutMenu" style="margin-top: 260px;">
Utilisateur : <asp:LoginName ID="LoginName1" runat="server" Font-Bold="true" /> | <asp:LoginStatus ID="LoginStatus1" runat="server" />
</div>
</body>
</html>
dans le CSS :
.divLayoutMenu
{
height: 26px;
font-family: 'Agency FB';
font-size: 25px;
font-weight: bold;
color: #888888;
text-align: center;
}
.divLayoutHeaderBackground
{
background: url(images/fondaccueil.gif) no-repeat;
background-position: center top;
background-color: #e5e5e5;
}
Voila mon soucis, j'ai développé une page web avec un fond gris, une image de fond centrée et un menu que je cale au bon endroit dans l'image (du moins j'essaie)
Sur poste local aucun soucis mais une fois mis en ligne, avec mon pc de développement pas de soucis, le menu est au bon endroit. Mais sur d'autres postes le menu est soit décalé vers le bas soit prend plus d'espace en largeur ... (ceci est surement du à la version des navigateurs) moi j'utilise IE8 et Firefox 3.6.3.
auriez-vous une idée pour parer à ce problème?
Voici une image avec mon menu plus large que la normal...
[URL=http://www.imagup.com/pics/1275102659.html][IMG]http://pics.imagup.com/ano1/1275102659.JPG[/IMG][/URL]
3eme image = emplacement idéal (sur mon poste nickel !)
1ere image = firefox
2eme image = internet explorer
Voici le code :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<body class="divLayoutHeaderBackground" style="margin-top: 352px;">
<div class="divLayoutMenu">
<a href="default.aspx" title="Accueil">Accueil</a>
<a href="forum/default.aspx" title="Forum">Le Forum</a>
<a href="fichiers/default.aspx" title="Fichiers">Les Docs</a>
<a href="jeu/default.aspx" title="Jeu">Le Jeu</a>
<a href="site/site.aspx" title="Site">Mon Site</a>
<a href="news/default.aspx" title="News">Les News</a>
<a href="admin/admin.aspx" title="Admin">Admin</a>
</div>
<div class="divLayoutMenu" style="margin-top: 260px;">
Utilisateur : <asp:LoginName ID="LoginName1" runat="server" Font-Bold="true" /> | <asp:LoginStatus ID="LoginStatus1" runat="server" />
</div>
</body>
</html>
dans le CSS :
.divLayoutMenu
{
height: 26px;
font-family: 'Agency FB';
font-size: 25px;
font-weight: bold;
color: #888888;
text-align: center;
}
.divLayoutHeaderBackground
{
background: url(images/fondaccueil.gif) no-repeat;
background-position: center top;
background-color: #e5e5e5;
}