construction HTML et compatibilité navigateurs

4 pièce(s) jointe(s)

Bonjour,

J'ai une page qui se construit bien sous Firefox, mais pas sous Chrome et IE. Est ce que vous pourriez me dire ce qui cloche ?

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
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
<!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=UTF-8"/>
		<title>
            		C-FIRST
        	</title>
        	<link href="css/crm_903a_dev.css" rel="stylesheet" type="text/css"/>
        </head>
<body>
	<table border="0" cellspacing="0" cellpadding="0" width="100%">
		<tr style="height: 0px;">
			<td width="11"></td>
			<td></td>
			<td width="12"></td>
		</tr>
		<tr style="height: 109px;">
			<td valign="top" colspan="3">
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td class="bandeauGauche"></td>
						<td class="bandeauMilieu">
							<table border="0" cellpadding="0" cellspacing="0" width="100%">
								<tr>
									<td>
										<table border="0" cellpadding="0" cellspacing="0">
											<tr>
												<td class="bandeauTitre" nowrap="nowrap"><img src="img/logo.png" height="33" width="128" border="0" title="V 9.10a" alt="V 9.10a"/></td><!-- <span title="V 9.10a">C-FIRST&nbsp;</span> -->
											</tr>
										</table>
									</td>
									<td class="bandeauSeparation"></td>
								</tr>
							</table>
						</td>
						<td class="bandeauDroite"></td>
					</tr>
				</table>
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td class="ongletLiseretGauche"></td>
						<td id="tdOnglet"></td>
						<td class="ongletLiseretDroite"></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr style="height: 46px;">
			<td><img src="img/cadreHautGauche.png" width="11" height="46"/></td>
			<td style="background-image: url(img/cadreHautMilieu.png);">
				MENU
			</td>
			<td align="right"><img src="img/cadreHautDroite.png" width="12" height="46"/></td>
		</tr>
		<tr>
			<td style="background-repeat: no-repeat;background-image: url(img/cadreGauche.png);height: 300px;"></td>
			<td rowspan="2">
				PAGE
			</td>
			<td style="background-repeat: no-repeat;background-image: url(img/cadreDroite.png);height: 300px;"></td>
		</tr>
		<tr>
			<td style="background-repeat: repeat-y;background-image: url(img/cadreMilieuGauche.png);"></td>
			<td style="background-repeat: repeat-y;background-image: url(img/cadreMilieuDroite.png);"></td>
		</tr>
		<tr>
			<td style="background-repeat: no-repeat;background-image: url(img/cadreBasGauche.png);width: 11px;height: 12px;"></td>
			<td style="background-repeat: repeat-x;background-image: url(img/cadreBasMilieu.png);width: 100%;height: 12px;"></td>
			<td style="background-repeat: no-repeat;background-image: url(img/cadreBasDroite.png);width: 12px;height: 12px;"></td>
		</tr>
	</table>
</body>
</html>

Merci beaucoup pour votre aide ! :)

pour tes images tas mis un width et un height?

Oui, comme tu pourras le voir dans le code ça y est. Dans le css aussi.

Code:

1
2
3
4
5
6
7
8
9
 
<td style="background-image: url(img/cadreHautMilieu.png);">
 
<td style="background-repeat: no-repeat;background-image: url(img/cadreGauche.png);height: 300px;">
 
style="background-repeat: no-repeat;background-image: url(img/cadreDroite.png);height: 300px;"
 
<td style="background-repeat: repeat-y;background-image: url(img/cadreMilieuGauche.png);"></td>
			<td style="background-repeat: repeat-y;background-image: url(img/cadreMilieuDroite.png);"></td>

As tu essayé avec "div" ?

Code:

<div style="margin-left:..; margin-top:..;width:..;height:..;">img ou txt</div>

Mieux encore
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <head> <style type=" text/css "> #tralala { margin-left:..; margin-top:..; width:..; height:..; } </style> </head> <body> <div id="tralala">image ou texte</div>
Et ainsi de suite...
(A moins qu'il sagisse d'un tableu de données...?...)

Salut,

Comme le dit Midnight, on utilise les div les tableaux c'est l'ancien temps ;)
Tu auras moins de difficulté avec...
Pas facile au départ, mais on comprend assez vite le système et tu n'auras pas de problème avec Chrome etc... si tu fais ton codage en t'appuyant sur le rendu de Firefox