Table height 100% sous IE6

**defcon_suny** · 29/07/2008, 12h19

Bonjour à tous,

Mon problème se situe dans les 2 fichiers en pièces jointes... je n'arrive pas à afficher un table sur une hauteur de 100% dans IE6...

Je crois qu'il peut aussi s'agir d'un problème de doctype mais dans ce cas, que puis-je faire?

Voilà si qqun pouvait me mettre sur la voie... ce serait gentil!

INDEX.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
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> 
	<title>TEST</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="agenda.css" type="text/css">
</head>
<body>
	<table id="content">
		<tr>
			<td id="right_content">
					<table id="agenda">
						<thead>
							<tr>        	
								<td>Dim</td>        	
								<td>Lun</td>        	
								<td>Mar</td>        	
								<td>Mer</td>        	
								<td>Jeu</td>        	
								<td>Ven</td>        	
								<td>Sam</td>		
							</tr>
						</thead>
						<tbody>		
							<tr>			
								<td class="day_off" id="d"><span class="date"></span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_off" id="d"><span class="date"></span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d1"><span class="date">1</span><div class="c_day"><ul><li class="event" id="event2">events1 </li><li class="event" id="event3">events1 </li><li class="event" id="event6">events1 </li><li class="event" id="event1">Objet de l'évènement</li></ul></div></td>
 
								<td class="day_on" id="d2"><span class="date">2</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d3"><span class="date">3</span><div class="c_day"><ul><li class="event" id="event4">PHP - Introduction</li></ul></div></td>
 
								<td class="day_on" id="d4"><span class="date">4</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d5"><span class="date">5</span><div class="c_day"><ul></ul></div></td>
							</tr>
							<tr>			
								<td class="day_on" id="d6"><span class="date">6</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d7"><span class="date">7</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d8"><span class="date">8</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d9"><span class="date">9</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d10"><span class="date">10</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d11"><span class="date">11</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d12"><span class="date">12</span><div class="c_day"><ul></ul></div></td>
							</tr>
							<tr>			
								<td class="day_on" id="d13"><span class="date">13</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d14"><span class="date">14</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d15"><span class="date">15</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d16"><span class="date">16</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d17"><span class="date">17</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d18"><span class="date">18</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d19"><span class="date">19</span><div class="c_day"><ul></ul></div></td>
							</tr>
							<tr>			
								<td class="day_on" id="d20"><span class="date">20</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d21"><span class="date">21</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d22"><span class="date">22</span><div class="c_day"><ul><li class="event" id="event5">nouvel évènement formation pour tous et toutes</li></ul></div></td>
 
								<td class="day_on" id="d23"><span class="date">23</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d24"><span class="date">24</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d25"><span class="date">25</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d26"><span class="date">26</span><div class="c_day"><ul></ul></div></td>
							</tr>
							<tr>			
								<td class="day_on" id="d27"><span class="date">27</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d28"><span class="date">28</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d29"><span class="date">29</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d30"><span class="date">30</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_on" id="d31"><span class="date">31</span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_off" id="d"><span class="date"></span><div class="c_day"><ul></ul></div></td>
 
								<td class="day_off" id="d"><span class="date"></span><div class="c_day"><ul></ul></div></td>
							</tr>
						</tbody>
					</table>
				</td>
			</tr>
			</tbody>
		</table>
	</body>
</html>

AGENDA.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
 
/* --- Styles page --- */
html, body {
	height: 100%;
}
#content{
	width: 100%;
	height: 95%;
	border: 1px solid #0F0; 
}
#right_content{
	vertical-align: top;
	border: 1px solid #F00;
}
/* --- Styles agenda --- */
#agenda{
	width: 100%;
	height: 100%;
	border-left: 1px solid #DDD;
	background-color: #F0F8FF;
}
#agenda thead {
	background-color: #ADD8E6;
	text-align: center;
	height: 20px;
}
#agenda tbody{
	vertical-align: top;
	height: 96%;
}
#agenda tbody tr{
}
#agenda tbody tr td{
	width: 13%;
	height: 15%;
}
.day_on{
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.day_off{
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background-color: #E0E0E0;
}
.date{
	float:right;
}

Table height 100% sous IE6

Tableau en CSS

Mode arborescent

Discussions similaires

Partager

Partager