Discussion :

[lioudow]

Salut à tous
Voilà mon problème:
j'ai une interface du style menu à gauche, tout le reste a droite, le tout contenu dans un div principal :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
#contenu {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	background-color:#b8b8b8;
	background-image:url(../images/ombre.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	width:100%;
	height:575px;
	z-index:2;
	padding-top:20px;
	margin:0;
}
 
#menu-gauche{
	float:left;
	height:auto;
	margin:0;
	padding:0;
}
 
#principal {
	height:auto;
	float:left;
}

Malheuresement, si le texte contenu dans les le div "principal" deviant trop long, le renard de feu, contrairement à IE7, se charge de le placer sous le menu...

Surement faut-il utiliser du display mais j'ai du mal à saisir ces choses ...

[djoyeux]

essaye ça sans etre sur sur de moi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
#contenu {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	background-color:#b8b8b8;
	background-image:url(../images/ombre.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	width:100%;
	height:575px; /*Pourquoi ?*/
	z-index:2;
	padding-top:20px;
	margin:0;
}
 
#menu-gauche{
	float:left;
	margin:0;
	padding:0;
	width:177px;
	margin:0 0 0 30px;
}
 
#principal {
	width:100%;
	margin:0 0px 0 228px;
}

[lioudow]

Merci djoyeux !
Ca ne marchait malheureusement pas mais ça m'a aidé à trouver la solution.
J'ai enlevé le float:left; du #principal, comme ça il se place "derriere" le menu gauche et j'ai fais un margin-left de la taille qui va bien sur le #principal.

J'avais complétement mis de côté les margin avec les conflits entre IE7 et FF....

Encore merci !

[djoyeux]

De rien si on peut aider et puis comme on dit à charge de revanche.