Discussion :

[Bouki]

bonjour
j'ai un petit problème que je n'arrive pas à résoudre
je voudrais avoir div aligné à la meme hauteur (3 colonnes) cependant les float ne marche pas uniquement dans cette partie de la page
au lieu du résultat attendu j'obtiens le premier div (globalleft) correctement positionné et le deuxieme (globalright) est en dessous du 1er mais décalé incorrectement en bas à droite

ps : j'ai deja tenté de me passer de globalright mais le résultat est encore pire

xhtml

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
 
    <div id = "GlobalLeft">
    <div id = "SearchFormulary">
    ici plein de code
    </div>
    </div>
 
    <div id = "GlobalRight">
 
        <div id = "Left">
        ici plein de code
        </div>
 
        <div id = "Right">
        ici plein de code
        </div>    
 
    </div>

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
 
#SearchFormulary
{
	width:310px;
	height:230px;	
	background:url(../Images/Background.png) no-repeat;
}
 
#GlobalLeft
{
    float:left;
    width:310px;
    padding-left: 30px;
}
 
#GlobalRight
{
    float:right;
    width:462px;
}
 
#Left
{
    float:left;
    width:200px;
    padding-right: 10px;
    padding-left: 10px;
}
 
#Right
{
    float:right;
    width:200px;
    padding-right: 32px;
    padding-left: 10px;
}

[franculo_caoulene]

Salut,

Je ne vois pas le problème. #GlobalLeft est à gauche, #GlobalRight à droite. Dans #GlobalRight, #Left est à gauche et #Right est à droite.
Tout est à sa place quoi...