Petit décalage entre les div
Résolu
maxmusix
Messages postés
4
Statut
Membre
-
maxmusix Messages postés 4 Statut Membre -
maxmusix Messages postés 4 Statut Membre -
Bonjour,
Je viens de créer un site web sur demande d'un de mes professeurs, le problème ne saute pas immédiatement au yeux mais lorsque l'on zoom sur la page web on observe un décalage entre les div que j'ai créé (div contenue= couleur gris, div menu=violet). Je souhaiterai qu'il est la même taille.
http://etud09_iris14.hebergratuit.com/
voici mon code css:
#entete, #menu, #contenu, #footer {
padding:1px 0;
}
#entete {
background-color:#3366FF;
color: #FFFFFF;
text-align:center;
font-family:"Times New Roman";
font-size:20px;
}
#main {
max-with:960px;
margin:auto;
}
#menu {
float:left;
width:240px;
background-color:#9966FF;
font-family:"Times New Roman";
font-size:18px;
}
#contenu {
margin-left:240px;
background-color:#C0C0C0;
font-family:"Times New Roman";
font-size:20px;
}
#footer {
background-color:#009900;
text-align:center;
clear:both;
}
J'espère ne pas être trop brouillon.
Merci d'avance
Je viens de créer un site web sur demande d'un de mes professeurs, le problème ne saute pas immédiatement au yeux mais lorsque l'on zoom sur la page web on observe un décalage entre les div que j'ai créé (div contenue= couleur gris, div menu=violet). Je souhaiterai qu'il est la même taille.
http://etud09_iris14.hebergratuit.com/
voici mon code css:
#entete, #menu, #contenu, #footer {
padding:1px 0;
}
#entete {
background-color:#3366FF;
color: #FFFFFF;
text-align:center;
font-family:"Times New Roman";
font-size:20px;
}
#main {
max-with:960px;
margin:auto;
}
#menu {
float:left;
width:240px;
background-color:#9966FF;
font-family:"Times New Roman";
font-size:18px;
}
#contenu {
margin-left:240px;
background-color:#C0C0C0;
font-family:"Times New Roman";
font-size:20px;
}
#footer {
background-color:#009900;
text-align:center;
clear:both;
}
J'espère ne pas être trop brouillon.
Merci d'avance
6 réponses
-
Bonsoir,
Dans #menu, tu utilises la balise width pour la largeur et tu utilises bien le margin-left dans #contenu.
Essaye en ajoutant une balise height pour la hauteur dans les deux (ou peut-être juste #main)... -
Effectivement, après avoir ajouté une balise height dans les deux div, le problème est résolu. Seulement si l'on zoom trop le texte sort des div, une idée ?
merci d'avance -
Il sort où ? Je vois pas...
Sinon, j'aurais ajouter une section à ton css pour le texte en lui même afin de lui préciser une marge. -
Et bien il sort sur mon compteur de visite si l'on zoom beaucoup.
Je vais essayer d'ajouter des marges pour mon texte. -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
En tout cas je vous remercie pour votre aide, je réglerai ce détail dans la semaine.
Merci encore et bonne soirée.
