0

Iphone でこの Web サイトを表示しているときに発生するいくつかの問題を解決するためのサポートが必要です。この Web サイトは、私の Mac と PC の IE、Firefox、Chrome、および Safari で動作しています。

www.the90sareback.com
ユーザー: テスト
パス: Testing@123 (大文字と小文字を区別)

問題 1: Web サイトが iPhone ブラウザの中央に表示されません。問題のビジュアル: http://imgur.com/7aXOvLK&qbAQ6zP#0

Web サイトは、iPhone ブラウザーに集中していません。左右のスペースが不均一で、メイン コンテンツ ラッパーを Margin: 0 Auto; に設定しているため、これは意味がありません。左マージンはスライバーで、右マージンははるかに大きくなっています。 

#content-wrapper {
width:1180px;
margin:0 auto;
display:block;
background-image:url("style/images/papertile.png");
background-repeat:repeat-y;

問題 2: フッターが画面の下部に完全に収まっていません。上の画像に見られます。問題のビジュアル: 上記の最初のリンクを参照してください。

フッターcssでMin-widthをいじってみましたが、フッターを拡張しましたが、フッター内のテキストが中央に配置されていなかったため、私の目には解決策ではありません。私も持っています

.footer {
background-image:url("style/images/strip1.jpg");
background-repeat:repeat-x;
position:absolute;
height:124px;
margin:230px auto 0;
width:100%;
    left:0;  
    right:0;
4

1 に答える 1

0

問題 1:コンテナーの制限を超えて拡張しているリンクがあります。これは通常、ブラウザがリンクを壊すのを好まないためです。スクリーンショットを参照してください: http://grab.by/rqNU

正直なところ、このようなリンクを表示するのではなく、その記事/投稿のヘッダーの href 値にします。それとも、「ラスベガス ウィークリー記事」のような単純な CTA でしょうか。

問題 2:フッター css に左右の属性を追加してみます。

margin: 230px auto 0; //make sure to have the trailing '0' for no bottom margin.
width: 100%;
left: 0;
right: 0;
于 2013-10-24T05:04:08.023 に答える