CSS, IE et Firefox !
Résolu/Fermé
cam2207
Messages postés
51
Date d'inscription
lundi 15 janvier 2007
Statut
Membre
Dernière intervention
12 mai 2008
-
9 févr. 2008 à 11:27
Oz - 7 juil. 2008 à 12:31
Oz - 7 juil. 2008 à 12:31
A voir également:
- CSS, IE et Firefox !
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Firefox telecharger - Télécharger - Navigateurs
- Comment supprimer bing de firefox - Guide
- Exporter favoris firefox - Guide
- Google payment ie ltd dublin c'est quoi - Forum Consommation & Internet
4 réponses
pitxu
Messages postés
689
Date d'inscription
vendredi 7 septembre 2007
Statut
Membre
Dernière intervention
25 mars 2015
94
9 févr. 2008 à 13:01
9 févr. 2008 à 13:01
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 ;)
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 778
10 févr. 2008 à 00:13
10 févr. 2008 à 00:13
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/
--
