construction HTML et compatibilité navigateurs

**Ougha** · 20/10/2009, 17h33

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 :

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
<!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 !

**oceane751** · 20/10/2009, 17h36

pour tes images tas mis un width et un height?

**Ougha** · 20/10/2009, 17h41

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

**oceane751** · 20/10/2009, 17h48

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**midnnight** · 21/10/2009, 15h30

As tu essayé avec "div" ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Mieux encore

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...?...)

**kaiser59** · 21/10/2009, 15h45

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

construction HTML et compatibilité navigateurs

HTML

Vue hybride

Discussions similaires

Partager

Partager