Quand j'ai ajoutéDOCTYPE CSS problème
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ligne au-dessus de mon fichier html, mes règles CSS disparaissent dans Firefox. Aussi, je ne peux pas les voir avec firebug.
Avez-vous une idée sur ce problème?
Vous devez ajouter des attributs à votre balise start-html pour bien faire les choses. Ceci est fait puisque XHTML est vraiment XML.
<!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="en" lang="en">
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
...
</body>
</html>
Le code ci-dessus vous suggère d'avoir le fichier style.css dans le catalogue racine de votre site Web.
firefox normalement afficher correctement le css avec ou sans les attributs sur html – Sotiris
Je pense que vous avez raison, et vous finirez en mode bizarreries. Il doit y avoir un autre problème avec le CSS. Chemin? Erreur dans la syntaxe? Un besoin de voir plus du code pour savoir ce qui est mal ici. –
Assurez-vous que les fichiers sont envoyés par le serveur avec le type MIME correct (text/css). Jetez un oeil dans la console d'erreur (IIRC le menu devrait être Tools/Error Console dans la version anglaise).
Habituellement, si le fichier se termine par .css, cela devrait se faire automatiquement, mais il y a toujours des serveurs mal configurés. Si vous utilisez un serveur Web Apache, vous pourrez peut-être corriger ce problème avec un fichier .htaccess, sinon vous devrez demander votre aide.
Détails: https://developer.mozilla.org/en/incorrect_mime_type_for_css_files
"Oui vous avez raison, j'ai regardé le journal des erreurs: Erreur: La feuille de style http: //...../css/....css n'a pas été chargée car son type MIME," text/html ", est pas "text/css" Fichier source: http: //...../....html "Je vais essayer de résoudre ce problème mais j'ai réalisé qu'il y a aussi un problème dans IE. J'utilise deux colonnes dans ma conception d'un div deux avec 100% de hauteur. Mais dans IE, ils n'apparaissent pas correctement. Ligne: 0 – penguru
S'il vous plaît Check It
http://www.w3schools.com/tags/tag_doctype.asp
je pense que vous avez plus d'idée de doctype
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
padding:0;
margin:0;
height:100%;
}
#wrap {
background:red;
height:100%;
overflow:hidden;
}
#right {
background:blue;
float:left;
width:30%;
height:100%;
}
#left {
background:yellow;
float:left;
width:70%;
height:100%;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left"> Content </div>
<div id="right"> Side Content </div>
</div>
</body>
</html>
Pouvez-vous créer un lien vers la page réelle? –
comment reliez-vous vos fichiers css? – Sotiris