un simple menu : Transitional vers strict
Bonjour à tous.
C'est encore avec une délectation extrême que je post ce sujet.
Plus je les utilise et plus j'y prend plaisir. Les css, c'est vraiment tout ce que j'aime : simple, fiable, pérenne et surtout fait gagner beaucoup de temps... ..le summum de l'informatique.
Bon, j'arrête de plaisanter.
J'ai un ridicule tableau dans un div.. et je viens de m'apercevoir qu'il déborde avec firefox 3.0.5.. en "XHTML 1.0 Strict" (pas en "XHTML 1.0 Transitional").
Bref.. le code est le même, la seule différence c'est l'entête html.
Le code :
Code:
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
| <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
#menu_img{
position:absolute;
z-index:2;
left: 434px;
top: 100px;
width: 420px;
height: 25px;
visibility: visible;
overflow: visible;
vertical-align: middle;
text-align: left;
margin: 0;
padding: 0;
border: none;
background-color: #FF0000;
cursor: pointer;
}
-->
</style>
</head>
<body >
<div id="menu_img">
<table height="100%" border="0" cellspacing="0" bgcolor="#00FFFF">
<tr><td><img src="image22x22.png" width="22" height="22" /></td>
<td>tableau bleu dans div rouge (sans sous-div)</td>
</tr></table>
</div>
</body> |
En "XHTML 1.0 Transitional", résultat correct: version avec entête transitional
En "XHTML 1.0 Strict", résultat incorrect: version avec entête strict
Soit je fait comme 95% des pékuns, je me pose pas de question, je mets transitional "parce que ça marche". Soit j'essaye de perdre une fois de plus du temps a comprendre pourquoi ça coince..
(Excusez-moi je suis un peu remonté de perdre autant de temps pour un pauvre tableau dans un div..:vomi:).
