スタイルシートを使って左右分割のページを作ろうと思っています。
#left{
width:170px;
float:left;
}
#right{
float:right;
}
としたところ、
ブラウザ(IEです)を余裕を持たせているときは正常表示されますが、
左画面 | 右画面
ウインドウ幅を狭くすると、
右側にくる部分が、画面上に、
左側にくる部分が、画面下に、
右画面
--------
左画面
上下に分割された画面となってしまいます。
これを、ウインドウ幅を狭くしても
左右分割に保つようにするにはどうしたら良いのでしょうか?
No.2ベストアンサー
- 回答日時:
CSS Sample:
#left{
width:170px;
position:absolute;
}
#right{
padding-left:170px;
}
その通りにしましたが、あまりかわりませんでした。
右画面
右画面
右画面
-------
左画面
左画面
左画面
という感じになってしまいます。
#left{
width:170px;
position:absolute;
}
#right{
padding-left:170px;
position:absolute;
}
としたらうまくいきました。
どうもありがとうございました。
No.1
- 回答日時:
スタイルシートに
#wrap {
width:700px;
}
を追加し、二つのボックスを囲めばずれなくなります。
↑の横幅は必要に応じて調節してください。
<div id="wrap">
<div id="left">メニュー</div>
<div id="right">本文</div>
</div>
widthを指定してしまうという手もあるんですね。
そうすると、ウインドウ幅を定めた幅より小さくしたときに
画面全体が表示されませんよね??
できることなら伸縮する?
もし見てくれる人がいたなら、
その人が好きな幅でブラウザを開いて欲しいです。
どうもありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
CSS、width100%でもできる余白
-
CSSがなぜかfont-sizeだけ効か...
-
HTMLで文字が重なって表示されます
-
ウインドウを小さくするとbody...
-
form input テキストを上下中央...
-
ライトボックスでスクロールバー
-
余分な縦スクロールバーが出て...
-
CSS(0の単位)について
-
cssでの幅の分割(固定・可変混...
-
インラインフレーム内の表示位...
-
表示倍率を変えるとレイアウト...
-
Yahooジオシティーポップアップ...
-
CSSで背景画像を一番下にもって...
-
【HTML&CSS】フッター下部の余...
-
HTMLのiframeの入れ子について
-
マウスオーバー時に画像と一緒...
-
IllustratorをWebデザインに用...
-
CSSで左に画像、右にテキストを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
form input テキストを上下中央...
-
css初心者 フレックスボックス...
-
表示倍率を変えるとレイアウト...
-
HTMLで文字が重なって表示されます
-
CSSで背景画像を一番下にもって...
-
W3Cのソースコードの検証サービ...
-
CSS、width100%でもできる余白
-
CSSがなぜかfont-sizeだけ効か...
-
CSSでボックスのheightが0になる
-
Media Queries 4 で 非推奨とな...
-
スクロールボックスを中央に配...
-
【CSS】ヘッダーの高さが不明の...
-
CSS(0の単位)について
-
【HTML&CSS】フッター下部の余...
-
<div>と<div>の間の10px程の...
-
CSSで指定した背景画像にリンク...
-
footer を横幅いっぱいに広げる...
おすすめ情報