Navigation ne seront pas alignés à droite

J'ai passé des heures à essayer d'obtenir ce droit, mais il ne fonctionne pas seulement pour moi .... Comme vous pouvez le voir dans l'image: alt text Navigation ne seront pas alignés à droite

La navigation est tout simplement pas droite. Peut-être que tu peux m'aider? Le site est http://elektrikhost.com .... J'ai utilisé l'extension de développement Web fore firefox pour les lignes de guidage ... Je ne sais pas pourquoi ça ne marchera pas pour moi .... Heres the CSS:

nav { background: #282828 url(../images/nav-bg.png) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: 24px auto; width: 822px; } 
nav ul { padding: 13px 0; } 
nav ul li { background: url(../images/nav-sep.jpg) left center no-repeat; display: inline; padding: 0 39px; margin: 0 auto; } 
nav ul li:first-of-type { background: none; } 
nav ul li:last-of-type { /*background: url(../images/ref2.png)*/ no-repeat right bottom; margin: 10px 0 0 0; } 
nav ul li a { color: #626262; font: 1.2em Arial, Helvetica, serif; } 
nav ul li a:hover { color: #dfdfdf; }

Merci pour toute aide ...

Source

2010-10-07 omnix

Un peu hors sujet. Je trouve que vous utilisez HTML5. Je vous conseille de ne pas utiliser HTML5 jusqu'à ce que la majorité des gens commencent à l'utiliser. J'utilise mon système de bureau avec Firefox 3 et IE 7, et trouve le site complètement désaligné. IE 7 ne prend pas en charge les éléments

Vous pouvez faire en sorte que IE prenne en charge les éléments HTML5 en utilisant javascript – pixeltocode

Pour une raison quelconque, sur mon MacBook, dans Chrome, une barre de défilement horizontale inutile s'affiche en bas. –

votre #main-wrap est large de 897px et le nav est de 822px de large avec margin : 24px auto. Ainsi, le "extra" 75px est distribué et cause le problème. Vous pouvez également utiliser la largeur nav de 897 pixels ou ajuster la marge en conséquence. L'intérêt d'utiliser des éléments HTML5 est d'être plus sémantique. Si vous décidez de les utiliser, allez-y et débarrassez-vous de <div> et utilisez <section> à la place. Pour IE soutenir les éléments HTML5, essayez ces liens

http://remysharp.com/2009/01/07/html5-enabling-script/

http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/

espère que cela aide.

Source

2010-10-07 08:41:37 pixeltocode

Ajout de float:right; à nav dans firebug m'a aidé à le déplacer vers la droite. Est-ce ce que tu voulais?

Source

2010-10-07 05:34:39

style est le vôtre:

.plan-wrap 
{ 
margin: 0px 0px 0px 3px; 
width: 897px; 
}

mine est cela et centré pour moi très bien:

.plan-wrap 
{ 
margin: 0px 0px 0px 10px; 
width: 897px; 
}

Est-ce que vous avez besoin?

Source

2010-10-07 05:39:52 Evan

Non, j'ai besoin de la navigation pour être exactement aligné avec les plans – omnix

Je pense que ce sont les plans qui sont mal alignés, pas la navigation. Je ne suis pas sûr, cela pourrait poser problème avec mon navigateur. –

Vous voudrez peut-être repenser votre encapsulation autour du contenu. Peut-être inclure la nav et les plans ensemble et les avoir à 100% de largeur.

Source

2010-10-08 13:08:50 tahdhaze09

Navigation ne seront pas alignés à droite

Répondre

Questions connexes