[CSS] tableau dans tableau - colonne droite

**Choupinou** · 29/08/2006, 17h36

Bonjour, j'ai un soucis avec mon css. Il y a un tableau qui contient un autre tableau. La dernière colonne du tableau interne est bizarre et je vois pas comment régler ça. Si quelqu'un voit où est l'erreur. Merci d'avance

voici mon 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
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
#imprimer_tableau_resultats
{
	border: 2px solid orange;
	width: 100%;
	padding: 10px;
	padding-right: 0px;
	border-collapse:collapse
}
 
#imprimer_tableau_resultats th
{
	border: 2px solid orange;
	text-align: center;
	width: auto;
}
 
#imprimer_tableau_resultats tr
{
	border-bottom: thin dotted orange;
}
 
#imprimer_tableau_resultats td
{
	padding-left: 10px;
	padding-right: 0px;
	border-right: 2px solid orange;
}
 
#imprimer_tableau_resultats_objet
{
	/*border: 2px solid orange;*/
	border: none;
	width: 100%;
	padding: 10px;
	margin-left: -10px;
	margin-right: 0px;
	margin-bottom: -2px;
	margin-top: -2px;
	border-collapse:collapse
}
 
#imprimer_tableau_resultats_objet th
{
	border: 2px solid orange;
	text-align: center;
	width: auto;
}
 
#imprimer_tableau_resultats_objet tr
{
	width: 100%;
	border-bottom: thin dotted orange;
}
 
#imprimer_tableau_resultats_objet td
{
	padding-left: 10px;
	padding-right: 10px;
	border-right: 2px solid orange;
}
 
.colonne_centree
{
	text-align: center;
	width: 60px;
}
 
.decale_niveau_1
{
	text-indent: 0px;
}
 
.decale_niveau_2
{
	text-indent: 50px;
}
 
.decale_niveau_3
{
	text-indent: 100px;
}
 
.mot_recherche
{
	font-weight: bold;
}
 
.mot_normal
{
}
 
#imprimer_recherche
{
	margin-left: 50px;
}

et voici mon html :

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
64
65
66
67
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 
<head>
   <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
   <meta name="KeyWords" content="travaux, étudiants, histoire, ouest, france, crhisco, université, rennes, articles, périodiques" />
   <meta name="Author" content="CRI - Université Rennes 2 - Baudet Aurélien" />
   <title>Administration - gérer les articles</title>
   <script type="text/javascript" src="../javascript/menu_ie.js" ></script>
   <script type="text/javascript" src="../javascript/gerer_actions_tableau.js" ></script>
 
   <script type="text/javascript" src="../javascript/curseur.js" ></script>
   <script type="text/javascript" src="../javascript/javascript_commun.js" ></script>
   <script type="text/javascript" src="../javascript/formulaires.js" ></script>
   <script type="text/javascript" src="../javascript/imprimer.js" ></script>
   <link rel="StyleSheet"  href="../css/dipouest.css" type="text/css" />
   <link rel="StyleSheet"  href="../css/menu.css" type="text/css" />
   <link rel="StyleSheet"  href="../css/tableau_resultats.css" type="text/css" />
 
   <link rel="StyleSheet"  href="../css/fenetre_message.css" type="text/css" />
   <link rel="StyleSheet"  href="../css/formulaire.css" type="text/css" />
   <link rel="StyleSheet"  href="../css/imprimer.css" type="text/css" />
</head>
 
 <body onload="imprimer()">
  	<center><h1>Gérer les articles</h1></center>
 	<div>
 		Recherche actuelle :
 		<div id="imprimer_recherche">
 
 			<div>
 				Titre : 'aaa'
 			</div><div>
 				Année : ''
 			</div><div>
 				Périodique : ''
 			</div>
 		</div>
 	</div>
	<div>
 
		<table id="imprimer_tableau_resultats" summary="tableau de résultats">
	<tr>
		<th>articles</th>
	</tr>
	<tr>
		<!-- true -->
		<td>
			<table id="imprimer_tableau_resultats_objet">
 
				<tr>
					<td class="decale_niveau_1"><a href="#" class="mot_recherche">aaaaaaaaaaa</a></td><td>2007-2008</td><td>Association bretonne</td><td>2</td><td>p. 8-504254<a href='#'></a></td>
				</tr>
			</table>
		</td>
	</tr>
 
 
 
	<tr>
		<th>articles</th>
	</tr>
</table>
 
	</div>
 </body>
</html>

**Choupinou** · 30/08/2006, 13h25

C'est bon j'ai trouvé. C'est le width: 100% dans le tableau intérieur le pb. Vu que je mettait un margin-left négatif et que le 100% est calculé avant ca faisait les 100% décalé de 10ps vers la gauche d'où un espace de 10px sur la droite.

[CSS] tableau dans tableau - colonne droite

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager