-
ID:OXyq9s さんの質問

はじめまして。
現在wordpressでホームページを構築中です。
かなり初級の質問になるのかもしれませんが質問させて下さい。

◎つまずいているポイント
 →2カラムのサイトを構築中なのですが右カラムのサイドバーが
  ブラウザを可変させると下にずれ(落ち)て表示される。

  1. wordpressのテンプレートBONESというテンプレートを元に
    制作をいたしております。

色々調べてはみたのですが解決まで至っておりません。
その他必要な項目、情報があれば直ぐに追記いたします。
お忙しいとは存じますがよろしくお願いいたします。

みんなの回答 4 件

ID:ka3yy0 さんの回答

外枠のwidth 幅に対して カラムの合計値が合ってないか、marginがじゃましとるのでは?
Chrome Developer Tools とかで確認しながら原因探してみては?

ID:tBrX1k

回答ありがとうございました。今回の解決ポイントとしてはcss-styleの@media部分の内容を変更することで解決となりました。みなさまから親切にお教えいただけた結果解決することができました。
1つづつのアドバイスが参考となり原因を特定することができました!
ありがとうございました。

ID:ibkf5g さんの回答

私も似たようなことでハマったことがあるのですが、テンプレート以外にブラウザの拡大縮小率が 90% とか実際のサイズより異なる場合にカラム落ちなど起きることがありました。
その点についても確認してみるといいかもしれません。

ID:tBrX1k

似たような減少が起こっていたのですね。今回ワタシの現象としてはcss-styleの@media部分を1つずつ削除していったら解決いたしました!今回良い勉強になりました。

ID:gYu0JG さんの回答

横幅を固定、もしくはmin-widthを設定してるからずれ落ちる。

ID:tBrX1k

原因はcss-styleの@mediaによるものでした!親切に一緒に考えていただきありがとうございました!解決のヒントとなりました。

ID:A/wzZz さんの回答

テーマぐぐったけどレスポンシブテーマなんだよね?
ずれて落ちる仕様なんじゃなくて??
(手付かずの状態で落ちるならそれがそのテーマの仕様でしょう。)
レスポンシブサイトが作りたいの?そうじゃないの?


  • もし、ずれて落ちるタイミング(ディスプレイサイズ)が気に入らない・・・ってことならそれはメディアクエリの仕様でしょう。
    CSSで@media部分のサイズ変更するしかないけど、テーマカスタマイズでそれやろうとすると修正箇所多くて逆にめんどかったりするよ?(テーマによる)

  • たまにあるね。狭めていくとカラム落ちして、更に狭めると1カラムになるテーマ。でもそれはハンパなサイズのディスプレイサイズをターゲットに入れてるかどうかの違いなんじゃないかな。

  • もし、レスポンシブじゃないのが作りたいんだったら別のテーマにすればよろし。

ID:tBrX1k

仰るとおりでした!色々な助言すごく為になりました!ありがとうございました。@media部分を削除したりすることでやりたいことが出来ました。
レスポンシブサイトを作るつもりは無かったのですが一番シンプルでカスタマイズしやすいとネットであったのでそれをそのまま鵜呑みにして作成してしまったのが今回の最大の躓いた要因でした。

丁寧な回答ありがとうございました。
又何かの際はよろしくお願いいたします。

ID:Ef.Maw

コメ主です。解決したようで何よりです。
自分も経験浅いのでたまに質問させてもらってますよ。
初歩的な質問でもちゃんと答えてくれる優しい人は居るからいいですよねw
またどっかでノシ

最終更新日:2015-01-21 (4,569 views)

関連するトピックス

ページ上部に戻る