Discussion :

[adrian07]

Salut à tous,

J'ai des pages CSS avec un top menu, un menu vertical(pour certaines pages seulement) à gauche et un rectangle qui est en quelque sorte une zone de texte, située juste en dessous du top menu et de même largeur.

Le problème est que pour les pages où il n'y a pas de menu vertical, la largeur du rectangle augmente et couvre la zone réservée au menu vertical.
Comment dois je faire pour que le rectangle occupe une position fixe dans les deux cas(présence ou absence du menu vertical)???Quelle est la propriété CSS qui me permet de réaliser cela??
Merci d'avance à tous!

[Bisûnûrs]

width ..?
Mais sans code ou page en ligne, difficile d'en dire plus ..

[Hyuunkel]

width ..?
Mais sans code ou page en ligne, difficile d'en dire plus ..

+1, difficile de répondre sans code...

D'après ton descriptif je dirais comme bisunurs: un "width x;" avec peut être un "position: absolute ;" ça dépend de ta page.

Sinon tu peux aussi te dirigé vers un overflow...

Cordialement

[adrian07]

Voici le code:

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
29
30
31
32
33
34
35
36
37
38
39
40
 
#container1 {
 
             width: 1210px;
	margin: 0 auto;
}
#header {
	height: 132px;
	position: relative;
}
#logo {
	width: 608px;
	height: 600px;
	position: absolute;
	top:0px;
	left: 0px;
 
#main-area-wrapper {
	margin-bottom: 25px;
}
#content-area-wrapper {}
 
/**Code relatif au menu vertical**/
#left {
 
             width:179px;
	float: left;
	margin-right: 19px;
	overflow: hidden;
             line-height:20px;
}
 
/**Code relatif au rectangle**/
 
#content-area-wrapper-left,
 {
             width:1006px;
             height:500px;
	float: left;
}

[Bisûnûrs]

Mais encore ..? Si on n'a pas la structure HTML qui va avec on va pas pouvoir savoir dans quel ordre ça s'affiche .. C'est pour ça que je préconisais une page en ligne, qui est beaucoup plus pratique à tous points de vue.