Liens même espace dans div

Question

Je fais un site web simple pour l'université, que je déteste, en raison de la conception. Je suis un programmeur PHP pas un designer. (Peut sembler stupide)

J'ai rencontré un problème, j'ai un div centré de 600px puis à l'intérieur <nav> tags J'ai 4 liens. Je voudrais les espacer uniformément, à travers le div. J'ai essayé de régler la marge-gauche et droite, mais n'a pas eu de chance.

Jetez un coup d'oeil sur jsfiddle

Merci

Answer 1

démonstration de travail:http://jsfiddle.net/8jK7N/1/

IE, cependant, ne supporte pas le style des nouveaux éléments HTML5. Vous pouvez utiliser shiv pour résoudre ce problème. Démo de travail (avec Shiv): http://jsfiddle.net/8jK7N/2/

Answer 2

Prenez l'étiquette <p> sur le bit <nav>, sur chacun peut également la marge gauche 73px et la marge droite 73px faire les liens trop large pour un ligne dans votre div. Je sais que les maths fonctionnent, mais cela peut sembler étrange.

Answer 3

Vous pouvez utiliser les éléments suivants:

nav a{ 
    width:150px; display:block;float:left; 
} 

Si vous souhaitez ensuite centré, ajouter:

text-align:center; 

Answer 4

Si vous supprimez la marge droite sur la nav a ça va marcher. L'espacement ajouté sur la marge-droite est ajouté à la boîte de l'ancre. Voici comment fonctionne le modèle de boîte: http://www.w3.org/TR/CSS2/box.html

Remarque dans IE, le sélecteur de navigation html5 ne semble pas fonctionner correctement. J'ai ajouté une classe sur la balise de paragraphe et appliqué le correctif que cette balise.

C'est ce qui fonctionne dans tous les navigateurs: http://jsfiddle.net/RkUWU/2/