- ベストアンサー
２カラムの黄金比？レイアウトの悩み
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
サイドバーは180～220pxで、サイドバーの内容で変わりますが、 メニューなどを入れる場合が多いので、だいたい１項目１行で表示されるくらいの幅です。 バナー（幅200pxの）を入れるときはマージンが欲しいので220pxくらいです。 比率は一切考えていません。
その他の回答 (1)
全体の 1/4 が目安らしいので、200ｐｘ付近に１票。
関連するQ&A
- Perlでcssを使わないで3カラムにしたい
現在、Perlでcgiを作成していますが、ページの最上部にヘッダー、ページの両端にメニューや広告、中央にメインコンテンツを配置する3カラム（三段組み）、最下部をフッターにしたいと考えています。 現在、メインコンテンツは完成しております。 cssは、使わないで上記のようなレイアウトをPerlで組みたいのですが、上記にようにしたい場合は、どのように書けば良いのでしょうか？ 横幅全体は800。(ヘッダーとフッターも横幅は800) 左メニュー180、中央メインコンテンツ 440 、右メニュー180 で組みたいと思っています。 お手数をおかけ致しますが、アドバイスよろしくお願い致します。
- ベストアンサー
- Perl
- ３カラムのレイアウトにおいて・・・
こんにちわ、サイトを趣味で作っている者です。 最近よくあるCSSでの３カラムレイアウトで作成してます。 上部にヘッダーその下にメニューとコンテンツ部分という構成ですが、 あるサイトにおいて、どのページを開いても、 ヘッダ部分とメニュー部分が表示されるようにアップしたので、 メニュー部分に追加があった時は、 全ページのメニュー部分を書き換えないといけない状態です。 １ページだけ更新したら良い様な作り方とか、 またアプリケーションってあるんでしょうか？ 大変な労力で困っています。 よろしくお願いします
- ベストアンサー
- HTML
- ＭＴで3カラムレイアウトの中心の部分に・・・
いつもお世話になります。 ＭＴをカスタムしてブログを作成中なんですが、超初心者なもんですから宜しくお願いします。 3カラムレイアウトの真ん中の部分、自分でエントリーした内容が表示される部分を四角い枠で囲みたいのですけどもどのように記述すればよいでしょうか？宜しくお願いします。 2点目の質問 メニューバーを作成し、そのメニューからリンクさせたページを3カラムの中心部分に表示させたいのですが、可能でしょうか？ 以上2点よろしくお願い致します。
- ベストアンサー
- ブログ
- ２カラムレイアウトをサイドバーとコンテンツとで、別のファイルで作りたい。
CSSを利用して２カラム（サイドがメニューで、中央がコンテンツ）のレイアウトを作りたいのですが、そういったレイアウトを作ろうとすると通常一つのhtmlファイルの中でメニューとコンテンツをそれぞれ<div>でくくって、CSSでそれぞれの<div>に対してレイアウトを指定することで２カラムを実現すると思います。 メニューとコンテンツで別のファイルに書いたものを、表示させたいのですが、どうすれば実現できるでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- 画像にリンクを張るとレイアウトが崩れます。
はじめまして。 現在、Dreamweaverでホームページを作成しています。 横幅ジャストサイズ（正確には10pxのスペース画像含む）でメニューを並べています。 一通り画像のレイアウトが済んで、いざそれぞれのメニューボタンにリンクを張ると、なぜかボタンの枠が紫色に囲まれ、あげくには少しずつボタンが横に移動してしまいます。 そして、最後のメニューボタンが収まりきらず下に回ってしまいます。ちなみにCSSで作成しています。 ブラウザでプレビューしてみたところ、画像の周りの紫色の枠は残ったままで、最後のボタンは見えません（これはCSSで縦の枠幅を指定しているからとは思うんですが・・・） リンクを張ってもhtmlをいじるだけで、デザイン上はかわらないと思うのですが、そうではないのでしょうか？ 以前も、コードを通常の改行（<br>じゃない）するとレイアウトが崩れた記憶があります・・・ この現象の解決方法などはあるのでしょうか？
- ベストアンサー
- HTML
- 3カラムレイアウトで隙間
下記のように３カラムレイアウトを作っています [css] #wraper { float:left; } #left { float:left; width:180px; margin:0px;} #center { width:450px; margin:0px;} #right { width:120px; margin:0px; } [html] <div id="wrapper"> <div id="left">左メニュー</div> <div id="center">中央メイン</div> </div> <div id="right">右メニュー</div> が、それぞれの段組の間（↓の部分）に3pxほどの隙間があいてしまいます ↓ ↓ [左] [中央] [右] 隙間なくぴったりつけるにはどうすればいいでしょうか。 どうぞよろしくおねがいいたします。
- ベストアンサー
- HTML
- エラスティックレイアウトがうまくいきません。
エラスティックレイアウトがうまくいきません。 横幅をemでサイズ指定しています。 うまくいかないのはIE6です。 ctrlキー + ホイールで文字サイズを小さくすると、 限りなく小さくなっていき、<img>タグで挿入してある画像（px指定）より 小さくなるとカラム落ちします。（当たり前ですが・・・） firefoxはmin-widthが指定できるので問題ありませんが、 IE6ではどう設定すればいいのかわかりません。 イメージはyahooみたいなエラスティックレイアウトです。 なにか良い方法があれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- 2カラムレイアウトでサイズ可変なCSSレイアウ
例えば、右、左の２つのエリアにわかれた２カラムレイアウトで、真ん中の境界線を右左にずらすことで、ウィンドウサイズはそのままでエリアの領域が可変になるようなレイアウトをCSSなどで実現したいです。 「ウィンドウサイズ 可変」などで検索すると、１つのウィンドウサイズの可変、レスポンシブデザインやリキッドデザインなどの解説はたくさん出てくるのですが、意図することのページがでてきません。 以下のページが実際にやりたいことに似ているのですが、４つのエリアに分かれた領域を自由にサイズを大きくしたり、小さくしたり変更できます。 http://jsfiddle.net/hrfmmymt/f8zs5wsv/ コードを読んでいけば、どうやってやればいいのかわかるかもしれませんが、できれば簡単なサンプルで解説したサイトがあれば助かります。 よろしくお願いします。
- ベストアンサー
- CSS
- フッターのボーダーが消えてしまいます（cssとhtmlで2カラムのレイアウト）
cssとhtmlで2カラムのレイアウトのウェブページを作っています。 左のカラムがナヴィゲーションメニューになっています。 フッターにborderを設定しているのですが、borderの上のラインが消えてしまうことがあります。 htmlはこんな感じです。 <div id="contents"> </div> <div id="side"><!--左メニューここから--> <ul id="menu"> <li>・・・</li> <li>・・・</li> <li>・・・</li> </ul> </div><!--左メニューここまで--> <div id= "footer" ><!--フッターここから--> Copyright・・・ </div><!--フッターここまで--> 実験してみたところ、左メニューの</li>の後に文字なり画像なりを加えるとボーダーは正常に現れ、 </li>で終わってしまうと、ボーダーが消えてしまうようです。 フッターに背景色をつけてみたところ、本来のフッターの領域からはみだして背景色がついていました。 やはり、</li>の後になんらかの文字を入れると、適正な位置に背景色がつくのです。 なぜでしょうか。
- ベストアンサー
- CSS
