[css] problème d'alignementRésolu/Fermé

Question

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:


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 =)

xjl · Answer

Salut,

je ne sais pas si a qqchose à voir, mais je crois que tu fermes un div de trop...

Gihef · Answer

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 (-;

[css] problème d'alignement

2 réponses

Discussions similaires

Newsletters