Bonjour à tous,
J'ai créé un site à l'aide de templates et de css trouvés sur le web et adapté selon mes besoins.
Tout fonctionne nickel sous IE6 et pratiquement rien ne s'affiche sous firefox
voici un lien pour aller voir
http://www.domaine-de-thoricourt.eu/index.html
Je ne comprends pas pourquoi et serait heureux de recevoir une piste

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Ch&acirc;teau de Thoricourt</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="Histoire, &eacute;volution, r&eacute;novation du ch&acirc;teau de Thoricourt"/>
<meta name="keywords" lang="fr" content="Ch&acirc;teau de Thoricourt,Thoricourt,Hainaut,CHATEAU DE THORICOURT,THORICOURT,Ch&acirc;teaux du Hainaut,r&eacute;novation du Ch&acirc;teau de Thoricourtqu&eacute;vy,Thieusies,Zacharie,Isabelle de la Marli&egrave;re"/>
<meta name="keywords" lang="en" content="Ch&acirc;teau de Thoricourt,Thoricourt,Hainaut,CHATEAU DE THORICOURT,THORICOURT,Ch&acirc;teaux du Hainaut,r&eacute;novation du Ch&acirc;teau de Thoricourtqu&eacute;vy,Thieusies,Zacharie,Isabelle de la Marli&egrave;re"/>
<meta name="keywords" lang="nl" content="Ch&acirc;teau de Thoricourt,Thoricourt,Hainaut,CHATEAU DE THORICOURT,THORICOURT,Ch&acirc;teaux du Hainaut,r&eacute;novation du Ch&acirc;teau de Thoricourtqu&eacute;vy,Thieusies,Zacharie,Isabelle de la Marli&egrave;re"/>
<meta name="category" content="Environnement,Ch&acirc;teaux"/>
<meta name="robots" content="index, follow"/>
<meta name="distribution" content="global"/>
<meta name="revisit-after" content="1 days"/>
<meta name="author" lang="fr" content="Jean-Pierre VAN DAMME"/>
<meta name="expires" content="never"/>
<!--mise en page-->
<link rel="stylesheet" type="text/css" href="style106_left.css" media="screen,projection" /> 
<!-- commentaire -->
<!--   <link rel="stylesheet" type="text/css" href="aquarelax.css" media="screen,projection" />
 --><!--mise en couleur-->
<link rel="stylesheet" type="text/css" href="colour2.css" media="screen,projection" />
</head>
<body>
<div id="main"> 
<div id="links">
<!--mettre des liens ici-->		
<a href="plansite.html">Plan du site</a> | <a href="galphot.html">Galeries photos</a> <!-- | <a href="ornitho.html">Ornithologie</a> | <a href="#">R&eacute;gion(inactif)</a> | <a href="#">Adm Com(inactif)</a> -->
</div>	<!-- FIN DE LINKS -->
	<div id="logo">	
		</div>
		<div id="content">
	 		<div id="bar">
			<h1>Bienvenue sur le site du ch&acirc;teau de Thoricourt</h1>
				</div>
				<div id="menu">
				<ul>
		 <li><a id="selected" href="index.html">accueil</a></li>
		 <li><a href="histoire.html">histoire</a></li>
		 <li><a href="archit1.html">architecture</a></li>
		 <li><a href="environs.html">les environs<br />du château</a></li>
		 <li><a href="travaux.html">rénovation<br />les travaux</a></li>
		 <li><a href="ornitho1.html">ornithologie régionale</a></li> <!-- ex page 4 -->
		 <li><a href="definir2.html">à définir 2</a></li>	<!-- ex page 5 -->
		 <!-- <li><a href="contact.html">CONTACT</a></li> -->
				</ul>
				</div>
	<div id="column1">
	<div class="sidebaritem">
	<h1>news</h1>
	<!-- **** ins&eacute;rer les nouvelles ici **** -->
	<h2><!-- 21 juin 2007 --></h2>
	<p><!-- Mise en place sur toutes les pages d'une banni&egrave;re "Et&eacute;". --></p>
	<h2>26 décembre 2007</h2>
	<h5>Corrections apport&eacute;es au site.</h5><div style="text-align: left">- Modification structure.<br /> - Ajout d'une galerie photos : "Thoricourt en hiver"<br />- Ajout d'une page "Les environs du château<br />- Correction de certaines pages</div> <br />
	<h2><!-- Suite des travaux -->.</h2>
	<br /><!-- Voir la page "Ch&acirc;teau - Travaux" pour la suite des travaux -->
<!-- <p>NOTES: cet espace peut &ecirc;tre utilis&eacute; pour d'autres infos ou news.</p> -->
<!-- </div> -->
<!-- <div class="sidebaritem"> -->
<!-- <h1>Autres liens</h1>
ins&eacute;rer des liens additionnels ici -->
<!-- <a href="#">another link</a>
<br /><br />
<a href="#">another link</a>
<br /><br />
<a href="#">another link</a>
<br /><br />
<a href="#">another link</a>
<br /><br /> -->
	</div>
	<div class="sidebaritem">
	<h1>Autres Infos</h1>	
<!-- ins&eacute;rez d'autres informations ici -->
		 <!-- M&eacute;t&eacute;o du jour -->
<!-- <ilayer>
<iframe src="http://www.meteobelgium.be/service/fr/code/index.php?code=7830"
allowtransparency="true" align="center" frameborder="0" width="170" height="125"
scrolling="no" marginwidth="0" marginheight="0">
<a href="http://www.meteobelgique.be" target="_new">www.meteobelgique.be</a>
</iframe>
</ilayer> -->
	<p></p>
<!-- Cet espace peut &ecirc;tre utilis&eacute; pour des infos telles que n&deg; de t&eacute;l&eacute;phone, adresse, ou m&ecirc;me une image
-->
	</div>
		</div>
<div id="column2">
<h1>Site d&eacute;di&eacute; au Ch&acirc;teau de Thoricourt</h1>
<!-- INSERER LE CONTENU DE LA PAGE ICI -->
		<p><img src="photosite/chatavant.jpg" width="482" height="264" alt="Fa&ccedil;ade avant du ch&acirc;teau de Thoricourt par une belle matin&eacute;e de printemps" /> <!-- align="top" &agrave; mettre avant le signe /> qui pr&eacute;c&egrave;de le cas &eacute;ch&eacute;ant--></p>
		<p>Fa&ccedil;ade avant du Ch&acirc;teau de Thoricourt par une belle matin&eacute;e de printemps</p>
<h2>Le Ch&acirc;teau de Thoricourt ne se visite pas. Il est actuellement en cours de r&eacute;novation</h2><br />
		<p>Le site est en construction, soyez patients et indulgents quant &agrave; la forme et au contenu. Les deux devraient s'&eacute;toffer au fil des semaines</p>
<br />
<p><span style="color:#ff0000;">Les photos et textes de ce site ne sont pas libres de droit.
Pour une quelconque utilisation, veuillez contacter le webmaster</span>:</p>
<p><a style="color: rgb(51, 51, 255);" href="mailto:jp.van-damme@tvcablenet.be">Jean-Pierre VAN DAMME</a>
		<br />
		<br />
		</p>
</div>
</div>
<div id="footer">
&copy;copy 2007 JP Van Damme | <a href="http://validator.w3.org/check?uri=referer"><img src="photosite/valid-xhtml10.png" width="42" height="15" alt="" /></a> | | <a href="http://www.dcarter.co.uk">adapt&eacute; d'un design de dcarter</a></div>
</div>
</body>
</html>

Voilà, si le code des feuilles CSS est nécessaires je peux les envoyer aussi.
Merci d'avance à ceux qui m'éviteront de continuer à m'arracher la peau du crane (j'ai plus de cheveveux...!)
Bonne fin d'après midi et à bientôt, j'espère
Modifié par JPVDCG (11 Mar 2008 - 23:06)
Bonjour JPVDCG,

Pour la déclaration du Charset de tes feuilles de style, il faudrait "éviter", autant que faire se peut d'utiliser une balise méta...
Pas bien... Smiley decu

<meta http-equiv="Content-Type" 
content="text/html; charset=iso-8859-1"/>

Bien... Smiley smile
@charset "iso-8859-1";

( Lien en rapport Smiley cligne )

Quelques erreurs de déclaration :

#column2
{ text-align: justify;
  padding: 12px 22px 15px 0px;
  width: 482px;
  height: 250px[#red][b];[/b][/#][#blue]ne jamais oublier le ;[/#]	 
  float: right;
  overflow: auto;
}

Pourquoi fixes-tu une hauteur de 250px d'ailleurs ?...

Pour "finir", une marge basse sur le menu, ou haute sur tes colonnes 1 & 2 devrait parvenir à te donner un rendu identique sous IE6 IE7 et Firefox

Je te conseille éventuellement d'installer les plugins Firebug et Webdevelopper sous Firefox qui pourront te rendre de nombreux services ainsi que l'utilisation d'un validateur css ( W3C ou autre ) qui est assez pratique pour repérer quelques erreurs Smiley cligne

J'oublie certainement des choses, mais je crois que tu as l'essentiel.

Cdt,
Sylvain
6l20 a écrit :

Pour la déclaration du Charset de tes feuilles de style, il faudrait "éviter", autant que faire se peut d'utiliser une balise méta...


Oui. Mais d'une manière générale, évitez de spécifier un charset pour une CSS. Le plus souvent, vous n'en avez pas besoin. Et si ce n'est pas rigoureusement géré, ce sera simplement une source de problèmes ultérieurs, sans gain en attendant.
6l20 a écrit :
Bonjour JPVDCG,

etc ......pour ne pas tout répéter


Cdt,
Sylvain


Bonsoir Sylvain et
Merci pour cette réponse,
Elle fonctionne,
J'ai donc modifié selon les conseils donné, supprimer le height 250, et le cahrtset
mais le problème n'est pas résolu.
Je m'explique:
Sur mon PC c'est OK, tant avec IE6 qu'avec Firefox.
J'ai donc chargé sur le site la nouvelle feuille de style
Mais le résultat est le même.
Quand j'affiche la console d'erreur de la CSS, j'ai les anciennes données !
J'ai fait un essai, supprimer la CSS sur le site.
Avec IE je n'affiche plus la mise en page
Avec FF si ! Et la console d'erreur affiche les erreurs de la CSS alors qu'elle n'existe plus !
J'y perds mon latin (que je n'ai d'ailleurs jamais étudié- c'est vous dire !)
Il n'y a que les marges que je n'ai pas modifiées
Jean-Pierre
Merci à tous,
Votre aide a été précieuse.
J'ai rechargé les CSS corrigée et cela fonctionne Smiley biggrin
Le sujet est donc résolu.
Bonne nuit
Au revoir
Jean-Pierre