リキッドレイアウトでどうしてもわからないことこんにちはゲストさん。>>解決済みの質問リキッドレイアウトでどうしてもわからないことリキッドレイアウトを作成しているのですが、どうしてもわからないことがあります。widthを狭めていくと一定のときにサイドバーがしたに回り込みます。id="sidebar"></div></div>これはおおよそ70%と30%の割合で、構成されていると思います。mainを縮めていき、サイドが下に回りこんだ際に、メインの中の比率は70%:30%にならないのでしょうか。普通であれば、縮めていってもサイド分の30%は確保されているはずですが、このサイトはピッタリcontent分の比率が確保されております。メディアクエリを利用しています。{この表記がわかり解決しました。こんな便利な方法があるのですね。回答(2)ANo.1ORUKA1951widthの幅は、padding辺の内側です。)width幅を49%,49%に指定していても、borderやpadding幅が加わると、幅を狭めていくと当然はみ出してしまいます。説明していないサイトは役に立ちません。そもそもfloatでボックスを配置すること自体おかしいです。floatはテキスト中の画像周囲にテキストを回りこませるのが本来の目的です。小さなブロックをウィンドウ幅によって列数を変えて表示するなどあくまでフロートとして利用すべきプロパティです。)ボックスの配置にfloatを使用すると、HTML自体をその順番に記述する必要があるため、文書構造が本来のものではなくなってしまいますよ。class属性と併用することで、文書に構造を付加するための一般機構を提供する。)色々な面であまり参考にならないですね。)でチェックしたら「頑張りましょう」でした(^^)HTML5でしたらマークアップは<body><header></header><section>記事<aside>脚注</aside></section><footer></footer></body>となるはずですね。class="footer"></div></body>としても良いでしょう。div.aside{position:absolute;top:0;left:0;width:30%;}でもしておけば良いですね。★idやclass名は文書構造を的確に示すものにしましょう。)が参考になるでしょう。★できれば絶対配置で指定しましょう。★常に仕様書に目を通すことを忘れずに--最初だけですが--HTML5ではなく、その元となっているHTML4.01--ただしstrict---をまずしっかり身につけましょう。したら複雑で巨大なHTML5の習得が楽でしょう。スタイルシートは、覚えてしまえばとても楽です。基本から・・うわべだけまねしても行き詰ります。11:51:11補足ご丁寧にご回答いただきありがとうございます。知りたいのはこのサイトのリキッドレイアウトのwidthの%指定しているものが、サイトのwidthを縮めた際には70%:30%で表示されないのかが分からないのですが。この指定でいけば、content内を縮めた際でも、サイド分の30%は確保されているはずなのですが。2列の左列がメインで右列がサイドバーというCSSレイアウトに関してご質問します。...CSSに関して教えてください。CSSで左列がサイドバーで右列がメインコンテンツの二段組レイアウトについて質問します。今、ホームページビルダーで簡単な2カラム(右メニュー)のテンプレートを作っています。全体を囲むdivの中にサイドバーとメインコンテンツ用のdivを入れたいと思っています。CSSについての質問です。IE8よりも古いバージョンでのみレイアウトが崩れて困っています。grandswellと申します。質問の概要は以下の通りです。CSSを使用しています。えっと、CSSについての質問です。Reserved.掲載情報の著作権は提供元企業等に帰属します。