Bonsoir, voila depuis plusieurs jours je cherche solution à mon problème.
Je cherche à faire un barre de menu du style google. C'est à dire une div qui prend toute la largeur de l'écran et s’adapte à la résolution du visiteur.
Donc voici mon code HTML et CSS:
Donc, je suis en % pour avoir un truc modulable je pense avoir bon jusqu'à la.
Si j'augmente le % du width je me retrouve avec une barre de scroll horizontal.
Mon problème et que j'ai du blanc sur les coté et haut dessus. Je ne vois pas ce que j'ai oublier. Il est impossible de faire cela juste avec une div? plusieurs div?
Merci d'avance pour vos informations.
Amicalement.
Je cherche à faire un barre de menu du style google. C'est à dire une div qui prend toute la largeur de l'écran et s’adapte à la résolution du visiteur.
Donc voici mon code HTML et CSS:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Jeranders</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="bulle.js"></script>
</head>
<body>
<div id="top">Index - Infos - Etc</div>
<div id="corp">Le texte du milieu</div>
</body>
</html>#top{
font-family: verdana;
font-size: 13px;
width: 99%;
padding-bottom: 5px;
padding-top: 5px;
margin: auto;
margin-bottom: 20px;
padding-left: 1%;
border-bottom: 2px orange dashed;
color: white;
background-color: black;
}Donc, je suis en % pour avoir un truc modulable je pense avoir bon jusqu'à la.
Si j'augmente le % du width je me retrouve avec une barre de scroll horizontal.
Mon problème et que j'ai du blanc sur les coté et haut dessus. Je ne vois pas ce que j'ai oublier. Il est impossible de faire cela juste avec une div? plusieurs div?
Merci d'avance pour vos informations.
Amicalement.
