2008-11-18 7 views
1

J'essaie d'apprendre CSS. J'ai pris grand soin de bien faire les choses. Mes pages valident toutes et elles ont l'air correctes sur Firefox et corrigent généralement sur Chrome. Cependant IE est partout. En ce qui concerne Firefox, ce qui suit est faux dans IE (par ordre d'importance):Site spécifique: Firefox vs IE CSS particularités

  1. la principale boîte de corps est poussé au-dessous où les boîtes extrémité gauche
  2. la substance déroulante en haut à droite (souris sur « Réglages ») est totalement hors dans les mauvaises herbes (il est hors dans l'onglet Chrome aussi, mais d'une manière différente)
  3. « Recettes » est censé avoir aucune bordure inférieure visible
  4. bouton de recherche est guingois par rapport à la boîte de recherche
  5. version déconnectée: les éléments de connexion en haut à droite sont de travers

Connecté: http://www.mcrackan.com/recipes/csstest-loggedin.htm

Déconnecté: http://www.mcrackan.com/recipes/csstest-loggedout.htm

CSS: http://www.mcrackan.com/recipes/css/default.css

Liens, fonctionnalité, etc. ne sont pas garantis de travailler sur ces pages. Ce sont juste des instantanés statiques pour montrer la disposition.

Quelqu'un peut-il me diriger dans la bonne direction pour tout ce que je fais mal?

+0

en publiant cela comme un commentaire, donc je ne suis pas flambé, les tableaux pourraient mieux fonctionner pour certains de ces trucs, surtout le div supérieur où vous voulez flotter à gauche et à droite – Shawn

+0

Je suis d'accord avec vous et a été très tenté de faire exactement cette. Cependant, en tant que novice, j'essaie d'éviter les tables par principe afin que je puisse me faire apprendre la folie arcane qu'est CSS. – Dinah

Répondre

4

Vous devez réinitialiser votre CSS (Dean, ci-dessus recommande Reset CSS d'Eric Meyer). Je préfère Yui Reset CSS (j'aime vraiment leur propre CSS Reset/Fonts/Grids). Pour ce faire, vous devez également utiliser le mode Standards. Enfin, vous devez être conscient que certaines choses vont différer dans les navigateurs, peu importe ce que. Donc, si vous rencontrez cette situation, il s'agit soit de contourner le problème, soit de vivre avec.

1

Quelle version d'IE utilisez-vous? On dirait que la plupart de vos problèmes peuvent être causés par le bug IE Box Model.

+0

La seule version de IE que j'ai à ma disposition est 7.0 – Dinah

1

Je ne commence jamais une nouvelle conception de site Web dans CSS sans mettre Eric Meyer's Reset CSS en premier.

Il réinitialise toutes les différences dans tous les navigateurs, de sorte que vous avez un terrain de jeu même à partir de laquelle commencer. À partir de là, tout devrait être le même dans tous les navigateurs.