High-Tech Santé Médecine Droit-Finances

Bien choisir

son ordinateur portable

Rechercher : dans
Par :

CSS, IE et Firefox !

Dernière réponse le 7 jui 2008 à 12:31:39 cam2207, le 9 fév 2008 à 11:27:01 
 Signaler ce message aux modérateurs

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.

CaMs

Configuration: Windows XP
Firefox 2.0.0.11

Meilleures réponses pour « CSS, IE et Firefox ! » dans :
[Firefox] Personnaliser les pages web avec Greasemonkey VoirC'est quoi, GreaseMonkey ? Exemple 1 Exemple 2 XPath Fonctions utilitaires removeElement() removeAttributeOfElement() setAttributeOfElement() injectCSS() Exemple 3 Liens C'est quoi, GreaseMonkey ? GreaseMonkey est une extension...
Posez votre question Répondre

1

pitxu, le 9 fév 2008 à 13:01:19

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 ;)

   
Répondre à pitxu

2

Gihef, le 10 fév 2008 à 00:13:52

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.

<!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/

--

   
Répondre à Gihef

3

cam2207, le 10 fév 2008 à 09:31:42

Ok je vous remercie pour vos réponses, je vais regarder tout ca :)

bon dimanche !

   
Répondre à cam2207

4

 Oz, le 7 jui 2008 à 12:31:39

J'ai également un problème avec les diferérents navigateur (dont FF 3), mon code css ne marche que sur FF 2.0.0.11 et sur le reste sa donne n'importe quoi.

voici mon sit: www.the-oz.fr
mon code css: www.the-oz.fr/disign.css

Merci d'avence de m'aider je débute en CSS

   
Répondre à Oz
Posez votre question Répondre
Ils ont besoin de votre aide