Discussion :

[mim20]

Bonjour!

Je cherche à positionner 2 blocs, côte à côte, dans un conteneur de taille relative (50% de la taille de l'écran)
Je voudrais que la largeur de ces deux blocs soient identiques, quel que soit le contenu, et qu'elle s'adapte à la taille de l'écran.
J'ai fait pas mal de recherche, essayé plusieurs solutions, mais rien ne marche (peut etre que je m'embrouille avec les float??)

Si quelqu'un a une idée, ce doit surement être très simple..

merci

[Erwan31]

Bonjour,
je vais pas t'écrire le code mais il te suffit de mettre ton premier bloc en flot:left, pui le 2ième avec la propriété overflow:hidden ou une marge gauche
de 50%. Tes 2 bloc doivent avoir une largeur de 50%.

[mim20]

Je vais tester, merci beaucoup!!

[mim20]

eh bien non, ca ne marche pas, je ne sais pas pourquoi. En fait , j'avais déjà essayé le coup de la marge de 50%, mais pas celui overflox: hidden, mais de toute manière, le résultat est pratiquement le même.
Les deux blocs sont le bleu et le orange sur

Le div conteneur est le suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#mainbody {		
        float: left;	
        background-color : #fafafa;
        text-align: left;
        width: 50%;
        margin-left: 0px; 
}
 
#mainbody li {
	list-style: square;	
}

Et les deux blocs:

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
}
 
 
.moduletable-bleu {  
border :1px double #594ea8;
width: 50%;
float: left;
 
}
 
.moduletable-bleu th {
height: 31px;
color: #ffffff; 
font-family: verdana;
font-size: 18px;
font-weight: bold;
text-align:center; 
background:#594ea8;
 
}
 
.moduletable-bleu td {
padding: 3px;
 
}
 
.moduletable-orange { 
width: 50%; 
padding: 0px;
border :1px double #fc9404; 
overflow:hidden;  
 
}
.moduletable-orange th {
height: 31px;
color: #ffffff; 
font-family: verdana;
font-size: 18px;
font-weight: bold;
text-align:center; 
background:#fc9404;
 
}
.moduletable-orange td {
padding: 3px;

[Erwan31]

Tes blocs sont des tableaux dans des cellules de tableaux! Il aurait peut-être fallu que tu le précises non? Franchement... Les tableaux ton dépassés
pour de la mise en forme...
Met ton code dans les balises adéquates.

[mim20]

Oups, dans ce cas, j'utilise des "tableaux" sans le savoir. Je me forme sur le tas en modifiant un template avec joomla, et il me semble avoir fait sur le modèle du template qui a été acheté. Je vais étudier la question.

Merci