Discussion :

[achauche]

bonjour à tous
Je débute en CSS et bien sur, malgrès le livre de Css2 j'ai tj un petit pb
Alors voila :
j'ai une page avec 5 blocs
un logo et un anim sur la mm ligne
un menu et un content sur la 2ème ligne
et c'est la qu'est le pb les 2 blocs menu et content n'ont pas la mm longueur et la galère
merci de votre aide
voici mes scripts :

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
CSS
#global{
	width: 770px;
	margin: 0 auto;
	background-color: #CCCCCC;
}
#logo{
	float:left;
	width: 150px;
	height: 150px;
	text-align: center;
	background-image: url(images/logo1.gif);
}
 
#anim{
	float:right;
	width: 618px;
	text-align: center;
	background-color: #5A646F;
}
#blocmenu{
	float:left;
	width: 146px;
	margin-top: 2px;
	padding: 2px;
	background-color: #5A646F
}
#menu1{
	width: 146px;
	margin-top: 30px;
	text-align: center;
	background-color: #9E8C84;
 
}
#menu2{
	width: 146px;
	margin-top: 30px;
	text-align: center;
	background-color: #9E8C84
}
 
#content{
	float:right;
	width: 618px;
	margin-top: 2px;
	background-image: url(images/arrier-p.gif);
}
#titre1{
	float:left;
	width: 37px;
	margin-top: 30px;
 
}
#pied{
	clear: both;
	float:left;
	width: 770px;
	margin-top: 2px;
	background-color: #5A646F;
 
}

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
HTML
<div id="global">
 
  <div id="logo">
    <p>&nbsp;</p>
  </div> 
 
  <div id="anim">
    <p>
      anim flash
    </p>
  </div> 
 
  <div id="blocmenu">
    <div id="menu1">
    <p>menu1</p>
    </div> 
	<div id="menu2">
    <p>menu2</p>
    </div>
 
  </div> 
 
  <div id="content">
 
    <div id="titre1"><img src="images/texte-acc.gif" width="50" height="100" />
    </div> 
  </div> 
 
  <div id="pied">
    <p>&nbsp;</p>
  </div> 
 
</div>

[siddh]

et ?

[achauche]

et ?

J'ai pas tout compris :

[siddh]

ben ok ils ont pas la meme taille mais tu voudrais faire quoi ?

[achauche]

J’aimerais que mes 2 blocs menu et content soient de la même taille quelque soit leurs contenu en bref si il y a 2 lignes dans content et 1 ligne dans menu, qu'ils aient la mm longueur

[siddh]

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
#blocmenu{
   float:left;
   width: 146px;
   margin-top: 2px;
   padding: 2px;
   background-color: #5A646F
}
#menu1{
   width: 146px;
   margin-top: 30px;
   text-align: center;
   background-color: #9E8C84;
 
}
#menu2{
   width: 146px;
   margin-top: 30px;
   text-align: center;
   background-color: #9E8C84
}
 
#content{
   float:right;
   width: 618px;
   margin-top: 2px;
   background-image: url(images/arrier-p.gif);
}

met toi d'accord avec toi meme d'abord, si tu met des width différents ...

[Caerbannog]

je crois que c'était en hauteur qu'il sougaite les voir identiques.

Code :

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

1
2
 
height: 234px; /* Ou tout ce que tu veux... */

Mais pour faire que la hauteur dépende de celle du plus haut, .... moi je mettrai un tableau !

[achauche]

je crois que c'était en hauteur qu'il sougaite les voir identiques.

Code :

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

1
2
 
height: 234px; /* Ou tout ce que tu veux... */

Mais pour faire que la hauteur dépende de celle du plus haut, .... moi je mettrai un tableau !

Efectivement c'était en hauteur , je pensais que justement l'utilisation du Css devait remplacer les tableaux :

[jeff_!]

pour regler ce pb la premiere chose a fair est de metre le bloc menu dans content et mettre les menu en float et une balise hr en fin de content avec un clear both

[Andry]

Moi comme solution, je cree un troisième bloc qui va contenir les deux et qui vas avoir comme fond un image qui se repete en y.
Genre comme ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
#BLOC_BODY{
background-image....
background-repeat: y;
}
#BLOC_MENU{
Float: left;
width: 140px;
}
#BLOC_CONTENT{
margin-left: 145px;
width:655px  /*La largeur de la page est de 800px*/
}

Ensuite tes menus, tu peux les mettre dans BLOC_MENU et tes contenue dans BLOC_CONTENT.

A+