CSSで表示画面を分割する方法とは?

このQ&Aのポイント
  • CSSで表示画面を分割する方法について解説します。HTMLファイル内で同一面に配置され、一緒にスクロールする要素を作成することができます。テーブル以外の方法で実現することも可能です。
  • CSSを使用して表示画面を分割する方法について詳しく解説します。同一HTMLファイル内で配置された要素をスクロールさせることで、画面を分割することができます。また、テーブル以外の方法でも実現が可能です。
  • CSSを使って表示画面を分割する方法について説明します。HTMLファイル内で同じ面に配置される要素を一緒にスクロールさせることで、画面を分割することができます。テーブル以外の方法も利用できます。
回答を見る
  • ベストアンサー

CSSで表示画面の分割

は可能でしょうか? ┌-----┬--------------┐ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ │xxxxx│xxxxxxxxxxxxxx│ └-----┴--------------┘ フレームではありません 同一面内にあり一緒にスクロールするものです 同一htmlファイル内に記述します (cssは外部参照でも) テーブル以外の方法です http://www.techscore.com/tech/sql/03_02.html#sql32 ─│┌┘└┐├┬┤┴┼でかきました

  • guuman
  • お礼率86% (1043/1206)
  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1
guuman
質問者

お礼

ありがとうございます float:left と margin:0px 0px 0px 50%; の組み合わせですね よくわかりました

関連するQ&A

  • このテーブルのCSSはごう記述すればよいのでしょうか?

    趣味でHPをつくっているのですが、 外部CSSにHTML内のテーブルに適用する記述をしたいです。 文字のさいずを11ptにして 行間を150%にするにはどのように記述すればよいのでしょうか?

    • ベストアンサー
    • HTML
  • 外部cssについて

    外部cssからスクロールバーの色を変えたくて色々な参照サイトを見てはコピペするなどして試したのですが、どうも上手くいきません。 拡張子も.cssになってます。 cssの呼び出しURLもトップページに正確に記述しています。 下記参照サイトの例です。 body { scrollbar-base-color:#;****** scrollbar-arrow-color:#******; } 他にも違ったタグで紹介してるサイトがありましたが一番簡単そうだったので決めたのですが、上手くスクロールバーの色を変えるにはどうすればいいでしょうか? 詳しい方教えてください。

    • ベストアンサー
    • CSS
  • HTML外部参照CSSについて

    HTML外部参照CSSについて HTMLから外部CSSを読み込むrink relとCSSから外部CSSを読み込む@importがありますが、どちらのやり方のほうがいいのですか?

    • ベストアンサー
    • HTML
  • CSS3について

    CSS3について初歩的というか、本当にお恥ずかしい質問を何点かさせてください。 自分で調べてみても初歩的すぎて(常識すぎて)わかりませんでした。 1、自分はHTML4.01とCSS2.1しか使ったことがないのですが、CSS3はHTML4.01にも使えるのでしょうか??(よく「HTML5&CSS3」という名目で本が並んでいるので、、、)CSS3とHTML4.01の組み合わせは一般的でなかったりするのでしょうか? 2、CSSファイルの頭に記述する文字コード?の「@charset "UTF-8";」、また、拡張子は「.css 」のままですか?もしそうなら、CSS3の文法さえ守っていさえすればCSS3ということでしょうか? 3、htmlに外部ファイルとしてリンクさせる場合の記述もCSS2.1と同じなのでしょうか? 質問がまとまってなくてすいません。どなたか教えていただけないでしょうか?? 宜しくお願いいたします!

    • ベストアンサー
    • CSS
  • やっぱりCSS

    開発しています。 某サイトでHTMLのテーブルでレイアウトするのではなく、CSSで組むと書いてありました。ムーバブルタイプもテーブルはなかったです。 テーブルは2行のときに便利なので使いたくなりますが、やっぱりCSSを使っていこうと思います。 CSSを使うメリットは構造がはっきりするためでしょうか?たしかに外部ファイルで一元管理できるのも大きいですね。SEOも関係すると思います。 便利なテーブルを一斉排除する決定的な理由を教えてください

    • ベストアンサー
    • HTML
  • CSSの呼出方法と表示速度 (SEO)

    . HTML内で外部CSSファイルを呼び出す方法について、表示速度の面で記述を迷っ ている部分があります。 例えば、ホームページ・記事ページ・製品ページの、3つのページが存在するウ ェブサイトを仮定するとします。 そして、3つのページに共通するCSSをcommon.css それぞれのページに特有なCSS をindex.css、article.css、product.css とするとします。 【方法A】 HTMLのヘッダー部分をテンプレートパートにして、まずcommon.cssについて<link > で記述し、index.css、article.css、product.css についてはその下に条件分 岐で記述して、CSSファイルを呼び出していく 【方法B】 HTMLのヘッダー部分をテンプレートパートにせず、ホームのページのHTMLにcommon.css 及びndex.cssを<link>で2つ記述、記事ページのHTMLにcommon.css及びarticle.css を<link>で2つ記述、製品ページのHTMLにcommon.css及びproduct.cssを<link>で 2つ記述、してCSSファイルを呼び出していく。 Bの方法は管理の手間はかかることになりますが、テンプレートパートを使い条 件分岐をするAと条件分岐をしないBで、各ページで表示速度に違いは出るもの なのでしょうか .

    • ベストアンサー
    • CSS
  • <css>テーブルの中と外で同じフォントサイズにならない

    WinXPproSP2+IE6です。 HTMLで作ったページにテーブルがあります。 外部cssでbodyとtableのフォントサイズを別々の設定で20pxにしました。 このcssを前述のHTMLにリンクさせ、IEで表示すると、テーブルの中の文字とテーブルの外の文字の大きさが違います。 どうすれば同じになるのでしょうか? HTMLでのフォントサイズは行っておりません。 <cssの記述内容> body{ font-size:20px; } table{ font-size:20px; }

    • ベストアンサー
    • CSS
  • 複数のテーブルのうち一つに外部CSSを適用したい

     今HTMLファイルを作っているのですが、テーブルAの中にテーブルBが入っているとき、外部CSSをテーブルBだけに適用する方法はあるのでしょうか? テーブルBのソースに直接スタイルを記述すれば一応出来るのですが、たくさんのファイルで同じスタイルを使用するので、出来れば共有できる外部ファイルで解決したいのです。分かる方がいらっしゃいましたら、ぜひ教えてください。

    • ベストアンサー
    • HTML
  • 外部CSSで画像の挿入は出来ますか?

    外部CSSで、背景画像ではなく、「画像」の挿入は出来ますか? <IMG SRC="●●">をCSSで。 もし出来ましたら、外部CSSとHTML両方の記述を教えていただけると助かりますm(_ _)m

    • ベストアンサー
    • CSS
  • CSSでテーブルを表示させるには

    CSSでテーブルを表示させたいのですが、やり方が分かりません。教えてください。 現在は、HTMLで以下のように記述しています。 -------------------------------------------------------- <table border="0" width="100%" cellspacing="0" cellpadding="2"> <tr> <td bgcolor="#000000">テキスト</td> </tr> </table> -------------------------------------------------------- 具体的には、クラスを指定して、<div class="table">テキスト</div> と記述したときにテーブルを表示させたいです。 回答よろしくお願いします。

    • ベストアンサー
    • CSS