CSS, IE et Firefox !
Résolu
cam2207
Messages postés
51
Date d'inscription
Statut
Membre
Dernière intervention
-
Oz -
Oz -
Bonjour tout le monde !
J'aurais besoni de quelques petits conseil pour rendre le CSS compatible sous Internet Explorer ...
J'ai essayé de chercher un peu mais je n'ai pas trouver grand chose. Le mieux c'est que je vous montre :
Regardez ce lien sous Firefox puis sous IE : http://nuts2207.free.fr/LicenceCVBDD/
Vous pourrez remarquer une différence de dimenssion! Mon prof, m'avait dis d'utiliser au maximum les pourcentages pour avoir le moins de problème de ce style ce que j'avais fait.
Vous avez accés au fichier CSS sous : http://nuts2207.free.fr/LicenceCVBDD/css.css
Si vous avez quelques idées ou conseil pour m'aider a avoir un site lisible sous Firefox et IE, j'apprécierai !
Merci pour vos réponses.
J'aurais besoni de quelques petits conseil pour rendre le CSS compatible sous Internet Explorer ...
J'ai essayé de chercher un peu mais je n'ai pas trouver grand chose. Le mieux c'est que je vous montre :
Regardez ce lien sous Firefox puis sous IE : http://nuts2207.free.fr/LicenceCVBDD/
Vous pourrez remarquer une différence de dimenssion! Mon prof, m'avait dis d'utiliser au maximum les pourcentages pour avoir le moins de problème de ce style ce que j'avais fait.
Vous avez accés au fichier CSS sous : http://nuts2207.free.fr/LicenceCVBDD/css.css
Si vous avez quelques idées ou conseil pour m'aider a avoir un site lisible sous Firefox et IE, j'apprécierai !
Merci pour vos réponses.
A voir également:
- CSS, IE et Firefox !
- Telecharger firefox - Télécharger - Navigateurs
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Exporter favoris firefox - Guide
- Ie tab firefox - Télécharger - Outils pour navigateurs
- Ghostery firefox - Télécharger - Web & Internet
4 réponses
Utilise des hacks css de type :
margin-width: 10px;
+margin-width: 12px;
Je ne sais plus si c'est le 1er ou le 2e qui sera interprété par mozilla, mais ça fonctionne très bien ;)
margin-width: 10px;
+margin-width: 12px;
Je ne sais plus si c'est le 1er ou le 2e qui sera interprété par mozilla, mais ça fonctionne très bien ;)
Bonjour,
Impossible pour moi de vérifier dans IE.
Des copies d'écran ?
Cependant, ton prof. a oublié de te dire qu'avant d'adapter les CSS, il est préférable d'avoir un code HTML correct.
Fais quelques corrections et vérifies à nouveau les différences.
++
“utiliser au maximum les pourcentages”
Avec modération, sinon ça ne va plus ressembler à rien.
Le menu, par exemple, n'a pas besoin de s'adapter en largeur.
Une manière de faire qui pourra te servir.
Apprends à construire tes styles toujours de la même manière.
Choisis un ordre pour les présenter.
Dans ta feuille de styles, on trouve “width” en 1re position, puis à la 2e, puis à la dernière.
Conserve l'indentation tout au long de tes codes.
Sinon, tu ne vas avoir du mal à t'y retrouver…
Mets des commentaires dans ton code.
Tu as choisi une feuille de styles pour le “screen”.
As-tu essayé d'imprimer ta page web ?
Pour vérifier à nouveau ta syntaxe :
simple, mais en anglais http://validator.w3.org/#validate_by_uri+with_options
moins simple, mais en français http://www.validome.org/lang/fr/
Et, pour vérifier tes CSS, http://jigsaw.w3.org/css-validator/
--
Impossible pour moi de vérifier dans IE.
Des copies d'écran ?
Cependant, ton prof. a oublié de te dire qu'avant d'adapter les CSS, il est préférable d'avoir un code HTML correct.
Fais quelques corrections et vérifies à nouveau les différences.
<!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>
<title>Un titre</title>
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>
<body>
<div id="conteneur">
<div id="boitehaut">
haut
</div>
<!-- fin de boitehaut -->
<div id="boitegauche">
<h4>Menu</h4>
<ul>
<li><a href="index.php?page=generation">Générer son CV</a></li>
<li><a href="index.php?page=liste">Liste des CV</a></li>
</ul>
</div>
<!-- fin de boitegauche -->
<div id="boitecentrale">
<h1>Bienvenue sur mon site</h1>
<p>Sur ce site vous pourrez générer votre CV.</p>
<p>Bonne visite !</p>
</div>
<!-- fin de boitecentrale -->
<div id="boitebas">
bas
</div>
<!-- fin de boitebas -->
</div>
<!-- fin de conteneur -->
</body>
</html>
++
“utiliser au maximum les pourcentages”
Avec modération, sinon ça ne va plus ressembler à rien.
Le menu, par exemple, n'a pas besoin de s'adapter en largeur.
Une manière de faire qui pourra te servir.
Apprends à construire tes styles toujours de la même manière.
Choisis un ordre pour les présenter.
Dans ta feuille de styles, on trouve “width” en 1re position, puis à la 2e, puis à la dernière.
Conserve l'indentation tout au long de tes codes.
Sinon, tu ne vas avoir du mal à t'y retrouver…
Mets des commentaires dans ton code.
Tu as choisi une feuille de styles pour le “screen”.
As-tu essayé d'imprimer ta page web ?
Pour vérifier à nouveau ta syntaxe :
simple, mais en anglais http://validator.w3.org/#validate_by_uri+with_options
moins simple, mais en français http://www.validome.org/lang/fr/
Et, pour vérifier tes CSS, http://jigsaw.w3.org/css-validator/
--
