28234 sujets

CSS et mise en forme, CSS3

Problème de construction sous IE et Chrome

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 ?

Je peux fournir les images et css si qqun veut tester.

<!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 ! Smiley smile
upload/24554-Chrome3.jpg upload/24554-Firefox3.5.jpg upload/24554-IE8.jpg
Smiley eek
Hum peux être tu devrais te mettre aux feuilles de style et utiliser des div Smiley langue ...?

Generalement les problemes avec ls tables sont lié à des différence d'interprétation des marges.
De memoire quand j'utilisais des tableaux, je prevoyais toujours de la marge de quelques pixel Pour qu'une différence d'interprétation ne fasse pas qu'une table soi plus grande que son conteneur et fasses tout bugger..
C'est peu être cela ??
Je peux pas t'aider plus que cela.
Cordialement.
Salut,

Attention à ne pas confondre, Construire un site sans tableaux ne veux pas dire automatiquement utiliser des div. Mais bien utiliser toutes les possibilités sémantiques d'html au profit de son contenu. <h1> à <h6> pour des titres hiérarchisés du plus important au moins important, <p> pour un paragraphe de texte, <table> pour un tableau contenant des informations tabulaires, <ul> pour une liste non ordonnée, etc.

A priori la mise en page que tu cherche à faire est plutôt simple et ne nécessite pas autant de code html que ce que t'impose une construction en tableau. Vu que ce forum traite des standards du web et de l'accessibilité, je ne saurais que te conseiller de te pencher sur les nombreuses ressources pour repenser ton site dans une optique qui simplifiera ta tâche et améliorera la sensation utilisateur des visiteurs de ton site. Smiley cligne
Sujet clos
Aller à