CSS Blows My Mind

Très bien, alors Im travaille actuellement sur un site Web. Pour la navigation principale j'ai eu quelques retournement des liens de travail, de légères modifications de fond de couleur. Eh bien ils étaient dans IE ne s'affiche pas correctement, j'ai décidé de supprimer simplement le code et insérez un commentaire si c'est pour une nouvelle feuille de style.


Je suis allé à tester ceci dans le navigateur IE prévisualisation à l'intérieur d'Aptana. À ma grande surprise, la reconduction des liens magiquement commencé à travailler après j'ai ajouté la nouvelle feuille de style dans l'instruction if. Cela me confond d'abord parce que la feuille de style il a été suppose à ajouter si le navigateur est Internet Explorer, ne possède pas le code pour faire le roll-overs (Techniquement, il a encore le code pour le roll-overs, car Ive déjà inclus dans le premier style feuille), mais toujours! Il a commencé à travailler. J'ai fait quelques tests, j'ai enlevé le commentaire et, si elle a cessé de travailler, et l'affichage éclaté dans d'autres navigateurs, comme le chrome et FF. J'ai alors décidé de supprimer simplement la feuille de style deuxième et revenir à ma première. Maintenant, il travaille aussi bien dans IE, Chrome et FF. Im retour à l'essentiel ont été j'ai commencé, mais tout semble fonctionner...Im guessing Il ya une certaine mise en cache magique à travailler ici. Ill clairement le cache du navigateur et voir ce qui se passe. Si cela échoue Ill poste le code en ligne et laissez-vous les gars tester donc je ne vais pas fou.

Très bien, je me suis raclé la cache pour tous mes navigateurs et sa marche toujours et je ne sais pas pourquoi car c'est le même feuille de style j'ai utilisé quand il a été brisé. Si quelqu'un pourrait se pencher sur cette page et dites-moi si la navigation sous la bannière affiche ce serait génial!

http://tke.travisperson.com/

ne travaillant pas pour IE6 ou IE7

Travaux en chrome, FF3.5.

Cependant, vous avez bien orthographié l'un de vos biens:


Backgr o ND-couleur ne dispose pas d'un «u» en elle.

Également, d'après ce que j'en comprends, IE6 ne comprend pas "inline-block" en tant que propriété d'affichage. Généralement, je vient de mettre à ces "display: block", leur donner une largeur, puis "float: left" pour les tenir entre les navigateurs compatibles. Le texte suivant a semblé fonctionner bien quand je l'ai testé:


Le seul problème avec cela est que vous ne serez pas en mesure de voir l'état hover dans IE6 parce que IE6 ne comprennent que la pseudo classe «: hover» appliqué à la "une" tags. La meilleure façon de résoudre ce problème consiste à définir votre css comme suit:

Awesome, thank you.