Discussion :

[monstor]

Re- bonjour!!

Alors, je m'explique, j'ai un div qui en contient 2 autres, l'un étant floatant à droite, l'autre à gauche.
J'aimerai mettre un background sur celui de droite mais le problème est que lorsque celui de gauche est plus haut que celui de droite, j'ai du blanc en dessous!
En gros, comment faire en sorte que ces 2 éléments aient la même hauteur?

[romain_ci]

lol j'ai eu le mm probleme tout a l'heure... J'ai reussi a le resoudre ! donc fait voir ton code Xhtml et CSS

[monstor]

Oki

Code de mon template :

Code :

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

1
2
3
4
5
6
7
8
9
<s:div styleClass="elemDoc">
	<s:div styleClass="elemDocContenu">
		<ui:insert name="elemDocContenu" />
	</s:div>
	<s:div styleClass="elemDocInfo">
		<ui:insert name="elemDocInfo" />
	</s:div>
	<s:div style="clear:both" />		
</s: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
/*Cadre d'un element*/
.elemDoc {
	border: 2px solid;
	margin: 8px
}
 
/*Titre et contenue d'un element*/
.elemDocContenu{
	float: left;
	margin-left: 4px;
	max-width: 65%;
}
 
/*infss sur un element*/
.elemDocInfo{
	width: 310px;
	height: 100%;
	background: #EDF1F0;
	float: right;
	border-left: 1px solid;
	border-left-color: gray;
}

Merci de ton aide!

[romain_ci]

Oki

Code de mon template :

Code :

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

1
2
3
4
5
6
7
8
9
<s:div styleClass="elemDoc">
	<s:div styleClass="elemDocContenu">
		<ui:insert name="elemDocContenu" />
	</s:div>
	<s:div styleClass="elemDocInfo">
		<ui:insert name="elemDocInfo" />
	</s:div>
	<s:div style="clear:both" />		
</s: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
/*Cadre d'un element*/
.elemDoc {
	border: 2px solid;
	margin: 8px
}
 
/*Titre et contenue d'un element*/
.elemDocContenu{
	float: left;
	margin-left: 4px;
	max-width: 65%;
}
 
/*infss sur un element*/
.elemDocInfo{
	width: 310px;
	height: 100%;
	background: #EDF1F0;
	float: right;
	border-left: 1px solid;
	border-left-color: gray;
}

Merci de ton aide!

Alors commencons par le premier code ! c'est la seule solution ke j'ai trouver ! en plus moi c'est special car j'ai un degrader :s !

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<s:div styleClass="elemDoc">
<table> <tr><td>
	<s:div styleClass="elemDocContenu">
		<ui:insert name="elemDocContenu" />
	</s:div>
</td><td>
	<s:div styleClass="elemDocInfo">
		<ui:insert name="elemDocInfo" />
	</s:div>
</td></tr></table>
	<s:div style="clear:both" />		
</s:div>

Je t'ai mis du Html car ton code je c'est pas ce que c'est lol !
tu adaptera jte donne le principe quoi !

Ensuite dans le CSS tu fait des classes avec un background color de la du mm code !
Et tu les apliques sur les td correspondant !

PS :

Code :

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

1
2
3
4
5
6
7
8
9
elemDocInfo{
	width: 310px;
	height: 100%;
             min-height:100%
	background: #EDF1F0;
	float: right;
	border-left: 1px solid;
	border-left-color: gray;
}

NON ?

[monstor]

Non

Avec u tableau, ça ne peut pas le faire.
En effet, ce div est répété n fois et du coups d'une fois sur l'autre en fonction du texte que j'ai dans une colonne, la séparation du milieu ne ce fait pas au même endroit ce qui rend la page très laide!

[[ced]]

Un peu plus d'explication ? car je ne comprend pas le problème