Problème d'affichaque

Fermé
kilik2049 - 15 oct. 2009 à 17:08
amjahed Messages postés 335 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 21 mars 2010 - 16 oct. 2009 à 01:00
Bonjour à tous.
Voilà mon problème.
Je programme un site (rien de bien problématique jusque là ^^)
J'ai donc fait un menu horizontal censé prendre toute la largeur de mon écran.
Mais quand je regarde sur un autre écran, le menu es trop grand et passe sur deux lignes --"
Comment faire pour que le menu s'adapte à la taille de l'écran du visiteur?
Voilà le code xhtml

<body>

<div id="menu">
<ul>
<li>
<a href="index.php">Accueil</a>
</li>

<li>
<a href="galerie.php">Galerie</a>
<ul>
<li><a href="auto.php">Automobile</a></li>
<li><a href="decors.php">Décors</a></li>
<li><a href="funebre.php">Pack de cartes</a></li>
</ul>
</li>

<li>
<a href="bio.php">Présentation</a>
</li>

<li>
<a href="lien.php">Liens</a>
</li>

<li>
<a href="contact.php">Contacts</a>
</li>

<li>
<a href="livreor.php">Livre D'or</a>
</li>

</ul>
</div>

<br />

</body>

et le css

/* design menu */

#menu
{
height:50px;
}

#menu ul
{
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

#menu li
{
float:left;
padding:0;
background-color:black;
}

#menu li a
{
display:block;
width:220px;
height:25px;
color:white;
text-decoration:none;
padding:5px;
}

#menu li a:hover
{
color:#FFD700;
}

#menu ul li ul
{
display:none;
border-style:dotted;
border-color:silver;
}

#menu ul li:hover ul
{
display:block;
}

1 réponse

amjahed Messages postés 335 Date d'inscription dimanche 30 décembre 2007 Statut Membre Dernière intervention 21 mars 2010 123
16 oct. 2009 à 01:00
#menu
{
height:50px;
width:95%;//<<<===
}

En relation :
http://browsershots.org/
https://www.grandsprixdelaccelerationdigitale.com/
0