28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Depuis un moment, j'ai un souci avec mon site que je développe sur un serveur local (Windows Server 2003 + IIS 6.0).

En fait, si je vais sur ma page d'accueil avec IE (7 ou 8) pas de problème. Par contre avec Firefox (ou Chrome) la page s'affiche sans pour autant utiliser la mise en page décrite dans mon fichier CSS.

Je n'ai aucun souci avec cette même page et tout les navigateurs une fois publiée en ligne : http://www.prestigeauto.fr

J'ai trouvé d'ou cela vient, mais cela me semble pas normal, et j'aimerai éventuellement comprendre mais surtout trouver une solution "propre".

Au tout début de mon fichier, si j'enlève :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Ça marche très bien sous Firefox. Mais je crois bien que cette partie est importante. Cela m'embêterait de l'enlever en locale pour la rajouter a tous mes fichiers en ligne.

Des idées ?

En espérant avoir été claire. Merci d'avance,
Modifié par Gonab (25 May 2009 - 17:27)
Bonjour,

Gonab a écrit :
Mais je crois bien que cette partie est importante. Cela m'embêterait de l'enlever en locale pour la rajouter a tous mes fichiers en ligne.


C'est en effet une portion de code très importante. C'est le DOCTYPE de ta page, elle permet de signifier au navigateur dans quel langage, ainsi que sa version, est écrite la page.

D'ailleurs si tu l'enlèves, tu devrais constater des problèmes de compatibilité avec IE 6 et 7 qui passent alors en mode quirks.


Concernant ton problème, il est étonnant que le doctype ait une influence sur le rendu de FF qui est, si je ne m'abuse, par défaut celui que tu décrit dans ton doctype (transitional (HTML surement, mais à par pour un problème de validation W3C, ça ne change pas grand chose)).

J'ai bien peur de ne pas pouvoir t'aider plus pour le moment (je ne dispose que d'IE6 au boulot ^^; ).

Bonne continuation.
Merci d'avance pour l'aide.

Je vais tout de même poster le début de mon code HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
<title>PRESTIGE AUTO ROCHELAIS - Concessionaire du r&eacute;seau Chrysler Jeep Dodge</title> 
<meta name="Author" lang="fr" content="Nicolas BERNARD" /> 
<meta name="Description" content="PRESTIGE AUTO ROCHELAIS, votre concessionaire Chrysler sur la Charente-Maritime, vous accueille à La Rochelle depuis 1990. Nous mettons à votre disposition un hall d'exposition de 700m afin de vous faire découvrir la gamme Chrysler, ainsi qu'un parc occasion de 5000m à deux pas du centre ville." /> 
<meta name="Keywords" lang="fr" content="Chrysler, Jeep, Dodge, ... , contrat" /> 
<meta name="Identifier-URL" content="http://www.prestigeauto.fr" /> 
<meta name="Language" content="fr" /> 
<meta name="revisit-after" content="15" /> 
<meta name="Rating" content="General" /> 
<link title="css" type="text/css" rel="stylesheet" href="css/accueil.css"> 
<link href="css/accueil.css" rel="stylesheet" type="text/css"> 
 
</head> 


j'ai trouvé quelqu'un qui a le même problême que moi et l'a résolu, mais je n'arrive pas a tout saisir dans son message :

http://bytes.com/groups/css/100515-css-firefox-problem

En espérant...