する質問をすることでしか得られない、回答やアドバイスがある。146HTMLCSSを使い、オブジェクトの配置について、どうしてもわからないことがあるため、この場を借りて、質問させていただきます。今回の質問は、オブジェクトの配置に関することであり、部分的な部分のHTMLCSSの情報では、解決するのは、難しいと考えたため、大変恐れ入りながら、比較的いつもより情報を多く、記載させていただいております。質問至る経緯ならびに、改善しようとするため取り組んだこと1自分の作ったホームページのPC観覧の際、拡大縮小をすると、web画面のレイアウトが崩れた。それを改善しようと、websiteで調べた。そこには、オブジェクトの幅、高さなどをパーセント表示にすると、拡大縮小する際、レイアウトが崩れる可能性があるため、すべて実値にしたほうが、よいとあった。2そのことから、私はGoogle開発ツールを使い、画面大きさ100%の時の全てのオブジェクトの大きさを確認し、%表示されているものを、ピクセル表示に変えていった。いうわけか、画面大きさ100%の時でレイアウトがくずれてしまうようになった。それが下記の写真の通りである。mainと左のサイドバーが右のサイドバーに潜り込む形になってしまっている。次に私は、これを改善するため、様々なところを書き換えたりした。以上を試行しましたが、うまくいかずレイアウトが崩れたままでした。mainと左のサイドバーを上に戻し、拡大縮小表示にかかわらず、レイアウトが崩れない方法をどなたかわかる方大変恐縮ですが、ご教授頂けないでしょうか?よろしくお願いします。下に記載のURLは、1の段階の時のURLです。110%拡大の際は問題ありませんが、これ以外の画面の大きさですとレイアウトが崩れます。TOPIXをご覧ください。class="color_1">※ゆったりとしたソファーでお待ち頂けます。class="color_1">※お店の外観です。width:470px;}コードattachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+1確認ですが、大雑把に言うと、id="contens-area"の中に、左から順に、side2/main/sideって並べばいいんですよね?だとすると、side2(80px)+main(650px)+side(201px)+更に、両サイドが左右マージン合わせて37px*2で、1005pxとなり、contens-areaで指定している、904pxを大きく超えています。margin-left:22px;}こんな感じです。main/side/subには、class="clearfix"不要です。大元のcontainer/inner-containerにCSSの先頭で当てています。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。23:54ご返信ありがとうございます。左から順に、side2/main/sideに並べたいと考えています。さきほど、contens-areaの幅を1005px以上にして書いたのですが、side2/mainを戻すことができませんでした。他に改善方法がありましたら、教えていただきたいです。ご返信ありがとうございます。左から順に、side2/main/sideに並べたいと考えています。さきほど、contens-areaの幅を1005px以上にして書いたのですが、side2/mainを戻すことができませんでした。他に改善方法がありましたら、教えていただきたいです。12:23大変ご丁寧に多くの記述をしていただき、ありがとうございます。これから、いただいた回答を一つずつ、かみくだいて理解していき、基礎知識を蓄えていこうと思います。恐れ入りますが、作業中に、もしまたご不明ながありましたら、質問の際、ご回答いただけると幸いです。ご親切に対応していただきありがとうございました。ご丁寧に多くの記述をしていただき、ありがとうございます。これから、いただいた回答を一つずつ、かみくだいて理解していき、基礎知識を蓄えていこうと思います。恐れ入りますが、作業中に、もしまたご不明ながありましたら、質問の際、ご回答いただけると幸いです。ご親切に対応していただきありがとうございました。解決済トップページのみCSSが反映されないのです。解決済カラム落ちとレイアウト崩れの解消法を知りたいです。解決済worpdressで出来る余計な余白を消したい。0cssのfloatの箇所が分かりません。頂いたご意見への回答は行っておりません。