2012-01-22 5 views
0

私は最初のウェブサイトで作業していますが、現時点で懸案事項の1つはナビゲーションバーです。それは私の名前の真ん中に表示されるはずですが、学校でMacをチェックするたびに私の名前よりも低く表示されます。誰かが私のナビゲーションのパディングがエラーを引き起こす可能性があると言いましたか?私はいくつかのことを試しましたが、私はまだこの問題を抱えています。Macと私のPCが違うナビゲーションバー

私は問題が何であるかについて迷っています!私は、ウェブサイトが、私がチェックしたが、MacはチェックしていないPC上で、正しく動作する方法をもっと理解したいと思う。私はゆっくりとしかし確実にすべてを学んでいるので、どんな助けもありがたいです。

私のサイトは#ddとULの左マージンを宣言することに加え

www.nmariephoto.com

+0

Nicole、ちょっとした注意:あなたのサイトの表示は、MacかPCかにかかわらず、人が使っているブラウザによって異なります。たとえば、Safariブラウザ、Chrome、Firefox、Internet Explorer、およびOperaは、コンテンツを異なる方法で表示するすべてのブラウザです。 – sscirrus

+0

ねえ、あなたは私のPCや他の人に問題なく言及したすべてのブラウザを実行しました。それは私が問題を抱えているときに私はMacでこれらのブラウザを実行するときです...だから、ブラウザーはMacで異なってレンダリングされていますか?この問題を解決する方法はありますか? –

+0

@NicoleMarie Macの場合、SafariやGoogle Chromeを使用している場合は、WebKitと同じエンジンです。しかし、MacやPC上のFirefoxはGeckoを使用しているため、レンダリングは変更される可能性がありますが、OSからは変更されません... –

答えて

1

は、あなたが他の余白をゼロにすべきです。ブラウザは問題の原因となっている1emの "前"と "後"の余白を追加します。

のでPortfolioStyles.cssのライン134上で、

margin: 0 0 0 12%; 
0

margin-left: 12%; 

を変更私は、それはすべてあなたのスタイルをリセットしますあなたは、このような問題を避けるために reset.css を使用することをお勧めあなたがそれを見つけることができる場所からたくさんのサイトを取得します。ありがとう

関連する問題