Discussion :

[mims1664]

Bonjour,

J'ai un problème d'alignement de div je ne trouve pas le problème,
aperçu visuel avec en rouge mon problème d'alignement en pièce jointe.

voici mon css :

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
<style type="text/css">
  #bloccmp div {
  float:left;
  border-bottom: 1px solid #333333;  
  }
  #bloccmp div *{
	margin:0;
	padding:0;
  }  
  #bloccmp {
  width:730px;
  border:0;
  }
  #sous-bloc-1{
  width:130px;
  height:100px;
  text-align:center;
  padding:
  }
  #sous-bloc-3 {
  width:150px;
  height:80px
  }
  #sous-bloc-3 {
  list-style-position:inside;
  text-align:center;  
  }
  #sous-bloc-2 {
  width:450px;
  height:80px;
  }
  #sous-bloc-4 {
  width:450px;
  height:20px;
  }  
  #sous-bloc-5 {
  width:150px;
  height:20px;
  }  
  #sous-bloc-2 p{
	  margin:5px;
	}
  </style>

Mon code HTML :

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
<div id="bloccmp">
  <div id="sous-bloc-1">
  sous-bloc-1
  </div>
  <div id="sous-bloc-2">
    <p>sous-bloc-2</p>
  </div>
  <div id="sous-bloc-3">
          <h2>sous-bloc-3</h2>
          <ul>
            <li>liste</li>
              <li>liste</li>
              <li>liste</li>
    </ul>
  </div>
  <div id="sous-bloc-4">sous-bloc-4</div>
  <div id="sous-bloc-5">
    sous-bloc-5</div>  
</div>

[sebhm]

Bonjour,

Code :

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

1
2
3
4
5
6
  #sous-bloc-1{
  width:130px;
  height:101px;
  text-align:center;
  padding:0;
  }

la hauteur est égale à la hauteur que tu lui donnes + la bordure de 1px du bloc2 qui vient s'ajouter

[mims1664]

Super !!! c'étais bien ca !

merci pour le padding !!! un ptit oubli !