2016-06-28 9 views
0

異なるデバイス上で動作していない、と私の問題は、ある時々(通常はリダイレクト後)左上隅に。私のコンピュータでは(それでも、私はすでにホストサーバーにアップロードされたサイトについて話しています)、私はページを更新することでこれを解決することができます。別のデバイス(2台のコンピュータと3台の電話機で試してみました)では、決して正しい方法で表示されません。私は(... Firefoxの、クロム、携帯電話のブラウザ)異なるブラウザ上でこれを試してみましたが、それはどんな違いがありませんでしたので、明らかに問題が私のコーディングです:D 誰もが興味を持っている場合は、私があれば、私のCSSコードを掲示しています単にそれをスキップしないでください。CSSアライメントは、私はPHP(HTML)やCSSで記述されたウェブサイトを持って

body{ 
 
\t font-family: Arial, sans-serif; 
 
\t font-size: 12pt; 
 
\t height: 100%; 
 
\t width: 100%; 
 
\t margin: 0px; 
 
} 
 
#page{ 
 
\t overflow: auto; 
 
\t background: #B6B1B1 url('img/background.JPG') no-repeat center; 
 
\t background-attachment: fixed; 
 
} 
 
img{ 
 
\t max-width: 100%; 
 
\t height: auto; 
 
\t width: auto\9; 
 
} 
 
#languages li a{ 
 
\t font-weight: bold; 
 
\t color: #191045; 
 
} 
 
#languages li a:hover{ 
 
\t color: #E49900; 
 
} 
 
h1 a span{ 
 
\t display: none; 
 
} 
 
h1 a{ 
 
\t width: 100%; 
 
\t height: 240px; 
 
\t display: block; 
 
\t position: absolute; 
 
\t background: transparent url('img/headerpic.png') no-repeat top center; 
 
} 
 
#menubar{ 
 
\t width: 70%; 
 
\t position: absolute; 
 
\t margin: 220 15% 0 15%; 
 
\t text-align: center; 
 
} 
 
#menu li{ 
 
\t display: inline-block; 
 
\t height: 40px; 
 
\t line-height: 40px; 
 
\t margin-top: 20; 
 
\t margin-left: 5px; 
 
\t padding: 0 15 0 15; 
 
\t background-color: rgba(25,16,69,0.85); 
 
\t border-radius: 5px; \t 
 
} 
 
#menu .selected{ 
 
\t background-color: rgba(255,255,255,0.85); 
 
\t border-style: solid; 
 
\t border-width: 3px; 
 
\t border-color: rgba(25,16,69,0.85); 
 
} 
 
#menu .selected a{ 
 
\t color: rgba(25,16,69,0.85); 
 
} 
 
#menu li a{ 
 
\t text-decoration: none; 
 
\t color: white; 
 
} 
 
#menu li a:hover{ 
 
\t color: #E49900; 
 
} 
 

 
#main{ 
 
\t min-height: 350; 
 
\t position: relative; 
 
\t display:block; 
 
\t background-color: rgba(255,255,255,0.85); 
 
\t width: 70%; 
 
\t margin-left: 15%; 
 
\t margin-right: 15%; 
 
\t margin-top: 340; 
 
\t padding: 15 15 15 15; 
 
\t border-radius: 10px; 
 
\t color: black; 
 
} 
 
footer{ 
 
\t position: relative; 
 
\t background-color: rgba(255,255,255,0.85); 
 
\t width: 70%; 
 
\t margin-left: 15%; 
 
\t margin-right: 15%; 
 
\t margin-top: 15; 
 
\t padding: 2.5 15 2.5 15; 
 
\t border-radius: 10px; 
 
\t display: inline-block; 
 
\t bottom: 5px; 
 
\t color: black; 
 
\t font-size: 80%; 
 
\t text-align: center; 
 
} 
 
#footer a{ 
 
\t text-decoration: none; 
 
\t color: black; 
 
} 
 
#footer a:hover{ 
 
\t color: #E49900; 
 
}

すべてのヒントをありがとう:)

+1

あなたの質問をより簡潔にすることは、必要なものだけを含むようにしてください。あまりにも多くの人がテキストとコードの壁を読んでほしいとは限りません。 –

+0

あなたのcssを修正してください: 'width:auto \ 9;'。 auto9? –

+0

通常、私の説明は非常に有用ではないことを、私に言って人がいる...そして今私はスキップするかを知らないので、それは、私は詳細にそれを説明したかった、長すぎる@AnthonyAstigeは、私は、申し訳ありません:D –

答えて

0

をだから、私の「ああ、このような大きな間違いは」、私は余白に番号の後ろにユニットを書いていないということでした私は/ EMをPXを追加する場合ように...私は単に例10のためのパディングと書いた...その背後に、突然、すべてが働いていた:それはそれを実現するためにそう長くかかった理由をD

はまだ知りません。 。-_-

関連する問題