[css] problème d'alignement
Résolu
Tangee
Messages postés
12
Date d'inscription
Statut
Membre
Dernière intervention
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour!
J'ai un petit souci avec ma page css
J'ai créé 2 colonne: un menu qui va à gauche, d'une largeur de 200px, et une partie principale, centrée, d'une largeur de 800px.
EN ouvrant la page avec firefox, tout marche très bien, mais dans ie, le menu apparait sur la colonne centrale... :-S
vous pouvez regarder le résultat avec les 2 navigateurs:
http://echappee.celtique.free.fr/index2.html
mon code css:
Merci de m'aider!!!!
Tangee =)
J'ai un petit souci avec ma page css
J'ai créé 2 colonne: un menu qui va à gauche, d'une largeur de 200px, et une partie principale, centrée, d'une largeur de 800px.
EN ouvrant la page avec firefox, tout marche très bien, mais dans ie, le menu apparait sur la colonne centrale... :-S
vous pouvez regarder le résultat avec les 2 navigateurs:
http://echappee.celtique.free.fr/index2.html
mon code css:
body {
width: 1010px;
}
#menu {
width: 200px;
position: absolute;
overflow: hidden;
float: left;
background-color: #cfb07d;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
}
#center {
height: 100%;
width: 800px;
margin-left: 202px;
overflow: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}
Merci de m'aider!!!!
Tangee =)
A voir également:
- [css] problème d'alignement
- Css exposant ✓ - Forum CSS
- Alignement grid - Forum Windows 10
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
- Css download - Télécharger - HTML
2 réponses
Bonjour,
“regarder le résultat avec les 2 navigateurs”, tout le monde ne peut pas.
L'utilisation de “position: absolute;” du “#menu” est un peu bizarre.
Pas de dimensions, pas de positionnement.
Et elle est suivie d'un “float: left;”.
Ça fait beaucoup.
Pourquoi n'essayerais-tu pas de supprimer le absolute et de positionner le “#center” lui aussi en “float: left;” ?
Après lui avoir supprimé sa margin.
+ Tu peux remplacer tous tes “border-nnnnn: 1px solid #000000;” par un seul “border : 1px solid #000;”
1010px, tu fais fort.
Ou tu paries sur un avenir lointain ou tout le monde pourra affiher ça (-;
“regarder le résultat avec les 2 navigateurs”, tout le monde ne peut pas.
L'utilisation de “position: absolute;” du “#menu” est un peu bizarre.
Pas de dimensions, pas de positionnement.
Et elle est suivie d'un “float: left;”.
Ça fait beaucoup.
Pourquoi n'essayerais-tu pas de supprimer le absolute et de positionner le “#center” lui aussi en “float: left;” ?
Après lui avoir supprimé sa margin.
+ Tu peux remplacer tous tes “border-nnnnn: 1px solid #000000;” par un seul “border : 1px solid #000;”
1010px, tu fais fort.
Ou tu paries sur un avenir lointain ou tout le monde pourra affiher ça (-;
mais ça change rien à l'alignement... merci quand même!!!