Bonjour,

J'ai un problème sur mon site. J'ai un menu vertical à gauche et des éléments à droite de ce menu. Les éléments sont très bien affichés jusqu'à ce qu'ils passent sous le menu et à ce moment-là, ils ont des tailles très différentes.

Voici la page en question : http://baptiste-wicht.developpez.com/tutoriels/java

J'aimerais donc que les éléments qui sont après le menu prenne toute la largeur de l'espace possible comme le 7 tutoriel qui est affiché.

J'ai essayé en spécifiant une taille de 100, mais à ce moment là, ils sont tous affichés après le menu et j'ai un gros trou à droite du menu.

Voici le CSS pour le menu et le div de contenu qui englobe tous les table des tutoriels.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
div#menu {
	width:150px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
 
div#content {
	text-align:justify;
	margin-left:20px;
}
Voici le table pour un tutoriel (répété x fois) :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<table class="object" cellpadding="0" cellspacing="0">
	<tr>
		<td class="topLeft" style="color:#FFFFFF;" width="80%">....</td>
		<td class="topRight" style="color:#FFFFFF;" width="20%">...</td>
	</tr>
	<tr>
		<td colspan="2">...</td>
	</tr>
	<tr>
		<td class="bottomLeft">...</td>
		<td class="bottomRight">...</td>
	</tr>
</table>

et les propriétés CSS du tableau :

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
table.object{
  	background:#FAFAFA; 
	border: 1px solid #000000;
}
 
td.topLeft{
    background-color: #5272A9;
	text-align:left;
	border-bottom: 1px solid #000000;
	padding: 2px;
}
 
td.topRight{
    background-color: #5272A9;
	text-align:right;
	border-bottom: 1px solid #000000;
	padding: 2px;
}
 
td.bottomLeft{
	text-align:left;
	border-top: 1px solid #000000;
	padding: 2px;
}
 
td.bottomRight{
	text-align:right;
	border-top: 1px solid #000000;
	padding: 2px;
}
Est-ce que quelqu'un voit une solution ?

Merci d'avance.