[CSS] longueur de bloc

Version imprimable

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 :D
voici mes scripts :

Code:

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:

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>

19/12/2005, 16h30
siddh

et ?
19/12/2005, 16h39
achauche

Citation:

Envoyé par siddh

et ?

J'ai pas tout compris :?:
19/12/2005, 16h42
siddh

ben ok ils ont pas la meme taille mais tu voudrais faire quoi ?
19/12/2005, 16h51
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 :roll:

Citation:

Code:

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 ...

19/12/2005, 21h48
Caerbannog
je crois que c'était en hauteur qu'il sougaite les voir identiques.
Code:

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 !
20/12/2005, 07h01
achauche
Citation:
Envoyé par Caerbannog

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

Code:

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 :roll: , je pensais que justement l'utilisation du Css devait remplacer les tableaux :?:
20/12/2005, 09h34
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

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:

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+