• ベストアンサー

画面2分割

ASP.NETを利用しています(C#)。ASPに関しては初心者です。 画面を左右に分割するラインを設定し、左にメニュー用のツリーを配置し、右にはメニューで選択した コンテンツを表示させる構成にしようと考えています。 この場合、左右に分ける縦ラインは、どのようにすれば設定できるのでしょうか。 Tableで出来るのかもしれませんが、、、やり方がわかりませんでした。 参考までに以下のように記載することで左右に分けることができましたが、 ラインが画面の下までいきませんでした。 ご存じの方、ご教授願います。

質問者が選んだベストアンサー

  • ベストアンサー
  • shockatz
  • ベストアンサー率80% (153/191)
回答No.1

ASP.NETというより、CSSの問題ですね。 昔だったらTableで組んだけど、マークアップも汚れるし、<DIV>ボックスをfloatで左右にならべ、全体を<DIV>で囲むほうがスッキリすると思います。 大きくなる(であろう)ほうにbordeを引いておけばいいんだけど、どちらが伸びるか不明の場合は、「スクイージング」といわれる方法で強制的に<DIV>を揃えればいい。 http://scuderia-web.com/tips/xhtml_css/equal_box_heights.php に詳しく書いてあるわ。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • frameset要素を使わずに画面を分割したい

    アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。 https://antenna.jp/ ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。 見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。 メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。 どなたか分かる方教えてください。

    • ベストアンサー
    • CSS
  • 画面が左右分割される

    MSNをスタートページにしているのですが、いつからか右半分が真っ白になり、よくよく見ると右にあるべき部分が、左半分が終わったその下に、右寄りに出ています。 つまり、左右の画面が上下に分割されているのです。 そして、画面の左右にかなり余白があります。 他のHPを見るときは異常ありません。 なにか表示の設定がおかしいのでしょうか。 正しく表示されているPCと比べても設定の違いが見つけられません。 どうしたら左右並んで表示されるでしょう? windowsXPです。 よろしくお願いします。

  • フレームの分割について

    ホームページビルダーV6.5を使用しております。 フレームの分割について教えて下さい。 フレームを左、中、右と3分割します。 左にメニュー、中に内容、右に壁紙(写真)と配置しました。ブラウザの左右の幅を狭くした場合は右のフレームのみがサイズが変わって左と中はフレームサイズとその中にある、表のサイズが変わらないようにしたいです。フレームと表共に、ピクセルでのサイズ表示とパーセントでのサイズ表示があるので、この辺の調整で上手く出来そうなのですが、、、よくわかりません。どのように設定したら良いのか教えて下さい。

  • 画面分割機能

    液晶TVを買おうと思っているのですが、次のような機能がついているものを探しています。 ・ゲームの画面を左右2分割して右と左でまったく同じ画像を映せる ・同じテレビ番組を左右に二分割できる このようなことができる液晶TVはあるのでしょうか? ご存知の方教えてください。宜しくお願いします。

  • 画面の二分割(?)について

    画面の二分割(?)についての質問です。 いま、画面が左右二分割されたホームページをHTMLを使って作っている途中なのですが、現段階では、まず画面が二分割にすらなりません。1回、二分割出来た時もありましたが、その後、どうしたら左のページに文字を書くことが出来るのか分からなくなってしまいました。 サイト様を回って、テンプレートをダウンロードしてもやり方がいまいちよく分からないので、HTML辞典などを調べて自分で作っているので、原因は自分にあるのは良く分かっています。 理想は、http://wdt.pekori.jp/template/top/007/007_gray.html←このテンプレートを左右に二分割して右にページが出るようにすることです。 本当に初心者な私でも分かるようなサイト様があれば教えて頂けないでしょうか? もしくは、ソースの何処にどんなHTMLを入れればいいのかを指摘してくれれば助かります。

  • 画面の二分割(?)についての質問です。

    画面の二分割(?)についての質問です。 いま、画面が左右二分割されたホームページをHTMLを使って作っている途中なのですが、現段階では、まず画面が二分割にすらなりません。1回、二分割出来た時もありましたが、その後、どうしたら左のページに文字を書くことが出来るのか分からなくなってしまいました。 サイト様を回って、テンプレートをダウンロードしてもやり方がいまいちよく分からないので、HTML辞典などを調べて自分で作っているので、原因は自分にあるのは良く分かっています。 理想は、http://wdt.pekori.jp/template/top/007/007_gray.html←このテンプレートを左右に二分割して右にページが出るようにすることです。 本当に初心者な私でも分かるようなサイト様があれば教えて頂けないでしょうか? もしくは、ソースの何処にどんなHTMLを入れればいいのかを指摘してくれれば助かります。

  • フレームの四分割でリンク

    こんにちは。よろしければ教えて下さい。 フレームを上中下の三分割(10%、80%、10%)にし、中を更に左右(20%、80%)で割りました。 これらを 上=ue 中=naka 下=sita 左=hidari(メニューページ) 右=migi(メインページ) とします。 この時、左(メニュー)から右(メイン)にリンクすると同時に、上もしくは下もリンクさせたい(右を押すと左と上が同時に変わる)のですが、htmlもしくはスタイルシートで出来るでしょうか? 上をサブメニューとして使いたいのです。 申し訳無いのですが (1)JavaScriptは使えません。 (2)CGI非対応スペースです。 (3)これ以上フレームを増やすのは避けたい です。 ちなみに過去の質問は拝読しましたが、読んだ限り3分割、フレームを更に入れ子にするという回答が主でした。 しかし最初に上中下と組んでしまっているので、入れ子が出来ません。 フレームを三分割にして左メニューでテーブルを組んで見た目上同じ効果を出す、というのは考えたのですが、直接リンク出来ればそれに越した事は無いので、お尋ねさせて頂きました。 宜しくお願い致します。

  • Dreamweaver4でのテーブルレイアウト表示

    左右の各1列に、テーブルがあります。 右のテーブルの方が行数が多いので、左のテーブルが右のテーブルに合わせ下がって配置されてしまいます。 左のテーブル配置を上揃えにするには、どのように設定したらよいのでしょうか。 ご教授の程、何卒よろしくお願いします。

  • 2分割フレームの場合の背景

    左右2つに別れたフレームのHPを作ってます。 左がメニュー、右がメイン画面です。 メイン画面の背景を設定したいのですが index.htmlとmainのどちらに ソースを貼ればいいのでしょうか?

  • ホームページビルダー14です。フレーム分割して作ろうと思います。画面上

    ホームページビルダー14です。フレーム分割して作ろうと思います。画面上でいえば、上から5センチ程度でで上下分割、左から5センチ程度で左右分割、計4つのフレーム構成です。で、分割すると、各フレームにスクロールバーが表示されます。これって、ホームページを公開するときにも表示されるんでしょうか。消すことができますか。方法もざっくり教えてもらうと助かります。