Discussion :

[Invité]

bonjour, j'ai un problème de positionnement avec le 960gs en 24 colonnes .

Voici mon code

Code html :

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
<div class="container_24 main_container">
    <div class="grid_24"></div>
    <div class="clear"></div>        
    <div class="grid_18">div 1
        <div class="grid_18"></div>
        <div class="clear"></div> 
        <div class="grid_18">
            <div class="grid_6 alpha">col 1.1</div>
            <div class="grid_6">col 1.2</div>                      
            <div class="grid_6 omega">col 1.3</div>      
            <div class="clear"></div>                   
        </div>
        <div class="clear"></div>                                     
    </div>    
    <div class="grid_6">div 2
        <div class="grid_6 alpha">col 2.1</div>
        <div class="clear"></div> 
        <div class="grid_6">col 2.2</div>
        <div class="clear"></div>      
        <div class="grid_6 omega">col 2.3</div>
        <div class="clear"></div>                              
    </div>
    <div class="clear"></div>           
</div><!-- end .container_24 -->

les div 1 et 2 ne sont pas côte à côte si je ne mets pas alpha et omega , ce qui ne devrait pas être le cas

les cols 1.1 1.2 et 1.3 ne sont pas non plus côte à côte, la troisième est en dessous

Merci de votre aide

[Invité]

Bonjour,
qui dit "forum CSS" dit "code CSS".

[Invité]

je veux bien mais hormis

Code :

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

1
2
3
4
5
6
.main_container{
	/*background: grey;*/
  background: url("../img/wpp/main.png") 
  epeat scroll 0 0 rgba(0, 0, 0, 0); */
	margin-top: 200px;
}

je n'ai rien ajouté au css par défaut, je devrais peut-être m'adresser au forum HTML

[Invité]

Et le "css par défaut", on doit le deviner ?

[Invité]

évidement non, mais quand je pose une question comme celle ci je m'adresse en particulier à ceux qui utilisent le GS mais bon le voici

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
62
63
 
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
 
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
 
.alpha {
  margin-left: 0;
}
 
.omega {
  margin-right: 0;
}
 
.container_24 .grid_6 {
  width: 230px;
}
 
.container_24 .grid_18 {
  width: 710px;
}
 
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

[NoSmoking]

Bonjour,
pas trop regardé plus avant mais
(230 x 3) + (5 x 3) + (5 x 3) = 720 > 710 suivant le CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
.grid_xx {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.container_24 .grid_6 {
  width: 230px;
}
.container_24 .grid_18 {
  width: 710px;
}