salut je fais un petit truc en XHTML avec une table mais a ma grande surprise !DOCTYPE me modifie mon tableau pas comme je le souhaiterais
je sais tout le monde va me sauter dessus en criant d'utiliser un div, mais la je dois utiliser une table pour ce que je veux faire, mon code c est ca :
Code html : 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<style type="text/css" media="screen">@import "mafeuille.css";</style>
<table class="main">
	<tbody>
		<tr><td class="main">
			<table class="sec">
				<tbody>
					<tr><td>
						<img src=pouet.bmp>
					</td></tr>
					<tr><td>
						<p>ATTAQUE DE KIKOU LOL</p>
					</td></tr>
					<tr><td style="sec">
						<p>re bablalba</p>
						<p>blabla</p>
					</td></tr>
				</tbody>
			</table>
		</td><td class="main">
			<table class="sec">
				<tbody>
					<tr><td>
						<img src=pouet.bmp>
					</td></tr>
					<tr><td>
						<p>ATTAQUE DE KIKOU LOL</p>
					</td></tr>
					<tr><td style="sec">
						<p>re bablalba</p>
					</td></tr>
				</tbody>
			</table>
		</td></tr>
	</tbody>
</table>
avec
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
.main {
	width: 700px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000000;
	background: #ff0000;
	padding: 0;
}
 
.sec {
	width:100%;
	height:100%;
	border:1px solid #0000ff;
	background:#00ff00;
	padding:0;
}
 
td{
	vertical-align: top;
 
}
 
.sec{
	height: 100%;
}
si vous lancer ce code vous verez que la cellule de droite ne prend pas 100% de la hauteur que l'on lui attribut, je ne sais pas pourquoi DOCTYPE me fait ca, pourriez vous m'aider