サポート » 使い方全般 » 全体の右側に余白ができてしまう。

  • 解決済 Nyamechi

    (@nyamechin)


    こちらのWebサイトを運営しているのですが、http://nyamechi.com
    PCからの閲覧時、拡大率100%表示の状態で、なぜかページの右側に
    余白ができてしまっているようで、スクロールが可能な状態になっています。
    横揺れは気持ち悪いので直したく、スタイルシートなども確認したのですが
    具体的にどのあたりを変更したらいいのか分からずの状況です。詳しい方、教えてください。

    ヘルプの必要なページ: [リンクを見るにはログイン]

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • CG

    (@du-bist-der-lenz)

    スタイルシートの要素確認をしようと思いましたが、プロテクトされているので手間なので諦めました。ごめんなさい。

    Honda

    (@rocketmartue)

    style.css
    142行目の #primary の margin と width
    155行目の #secondary の margin-right

    適当に数字を当てましたが、横揺れしない為だけを考慮したCSSです。その後編集するなり、何なりしてくださいね。

    #primary {
    	margin: 0;
    	width: 650px;
    }
    #content {
    	margin: 0;
    	max-width: 100%;
    	padding-left: 1em;
    }
    div {
    	max-width: 100%;
    }

    PCのみ対応させたい時はメディアクエリを使ってください。

    @media (min-width: ***px) {
    	/*ここにCSS*/
    }

    ***pxの部分は680などPCビュー用の数字

    トピック投稿者 Nyamechi

    (@nyamechin)

    提示されたあたりのパラメーターをいじっていたら、
    なんとか横揺れしないように設定できました。
    ご投稿ありがとうございました!!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「全体の右側に余白ができてしまう。」には新たに返信することはできません。