Discussion :

[laurentSc]

Bonsoir,

mon souci est que j'intègre un menu dans mon site, dont la largeur dépend du navigateur : correcte sous IE8 mais bien trop grande sous Firefox ou Google Chrome. Le site est fait en html5 et voici mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
...
<nav>
<?php include("../menu3.php"); ?>
</nav>
...

et

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
nav {
...
width: 1500px;
...
}

avec

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<ul id="nav">
	<li ><a href="../accueil/accueil.php">Accueil</a></li> <!-- n1 -->
...
<ul>

[Bisûnûrs]

1500px ...

Et donc ? Quel est le problème ?

[Micmaya]

Salut,
Je ne jamais faire width: 1500px; utilises plutôt width: 100%; ou alors des media queries.

[rodolphebrd]

Salut,
Je ne jamais faire width: 1500px; utilises plutôt width: 100%;...

Pourquoi ?

[laurentSc]

Il faut savoir que si je mets moins que 1500 pixels (par exemple 1400), le menu passe sur 2 lignes et pareil si je mets 100%...

[laurentSc]

J'ai simplifié le niveau 1 du menu (à l'aide de regroupements), ce qui m'a permis de réduire la largeur (je passe de 1500 à 800). Je me disais que le souci était peut-être lié à cette grande largeur...mais le problème reste...Que puis-je tenter ?
Micmaya a parlé des media queries mais je vois pas ce que ça peut apporter...