- 締切済み
画面の分割
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- ryupyon
- ベストアンサー率17% (29/163)
HTMLのタグdivとcssでできますよ ↓のような感じでしょうか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> div.top {background-color:#FFFFCC; /*上の背景*/ width:600px; /*上の幅*/ height:50px; /*上の高さ*/ padding:0px; /*帯内の余白*/ position:absolute; /*配置方法*/ top:0px; /*最上部からこの部分が表示されるまでの距離*/ left:150px;} /*左端からの距離*/ div.left {background-color:#FFCC66; /*左の背景*/ text-align:center; width:150px; /*左の幅*/ height:450px; /*左の高さ*/ padding:0px; /*帯内の余白*/ position:absolute; /*配置方法*/ top:0px; /*最上部からこの部分が表示されるまでの距離*/ left:0px;} /*左端からの距離*/ div.right{background-color:#66FFFF; /*右の背景*/ text-align:center; width:600px; /*右の幅*/ height:350px; /*上の高さ*/ padding:0px; /*帯内の余白*/ position:absolute; /*配置方法*/ top:50px; /*最上部からこの部分が表示されるまでの距離*/ left:150px;} /*左端からの距離*/ div.down {background-color:#FF0033; width:600px; /*下の幅*/ height:50px; /*上の高さ*/ padding:0px; /*帯内の余白*/ position:absolute; /*配置方法*/ top:400px; /*最上部からこの部分が表示されるまでの距離*/ left:150px;} /*左端からの距離*/ </style> </head> <body> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="down"></div> </body> </html>
- reverie013
- ベストアンサー率18% (26/143)
関連するQ&A
- ホームページビルダー14です。フレーム分割して作ろうと思います。画面上
ホームページビルダー14です。フレーム分割して作ろうと思います。画面上でいえば、上から5センチ程度でで上下分割、左から5センチ程度で左右分割、計4つのフレーム構成です。で、分割すると、各フレームにスクロールバーが表示されます。これって、ホームページを公開するときにも表示されるんでしょうか。消すことができますか。方法もざっくり教えてもらうと助かります。
- ベストアンサー
- その他（インターネット・Webサービス）
- フレームを使わずに画面分割したいです
IFRAMEやFRAMEを使わずに画面の中で縦横見出し固定の表を作りたいのです。（エクセルで言うセルの固定みたいな事です） つまり画面を４分割して右下の部分を縦横スクロールすると右上、左下がシンクロしてスクロールするという画面です。 IFRAMEだと実現できるのですが、右下の部分に入力フォームを作ってFRAME外に更新ボタンを配置したいためPOSTするには画面間で情報の受け渡しが必要になるので採用できません。 わかりにくい文章で申し訳ないですが、随時補足しますので知恵をお貸しください。
- ベストアンサー
- HTML
- Excel2007で、画面分割するには？
Excel2002にあります画面分割が、2007には見つかりません。 広い範囲にわたる画面の場合、2002ではカーソルがある画面のほぼ中央で、縦横に2分され、それぞれの部分をスクロールできる機能です。2007では、画面の上側を固定するのはできますが、この分割の方法が分かりません。教えて下さい。
- ベストアンサー
- オフィス系ソフト
- 画面分割について
長田と申します。 VS2005 にてWebサイトを勉強中です。 ・どうしても解決できそうにないので、投稿させて頂きました。 (経緯) 下名は、ASPにて作成したWebアプリケーションをASPXにコンバートしつつ、色々と機能面を勉強しています。 既存画面においては、随所でframeset,frameを使用した画面があり、これを同じ様に作成しようとしたところ、 ASP.NET 2.0 フレームワークおよびVisual Studio2005は、XHTML 1.0 Transitional を対象にしているため、 廃止要素にframeも含まれるため、利用できない事は、わかりました。 （『ツール』⇒『オプション』で検証の設定をXHTML 1.0 Frameset に変更しても、該当のWebフォームが マスターページを使用しているので、framesetが構文エラーとなってしまいます。） それと基本的な設定は、Defaultのままにしたいと思っています。 2005以前のバージョン迄は、使えていたみたいですが。 そこで、フレームセットの代替案は、どのようにしたら良いか悩んでおります。 「作成したい画面」 →http://msdn2.microsoft.com/ja-jp/library 『質問』 (1)Contents内で上記の真ん中境界線部分の様に画面を分割する具体的な方法を教えてください。 (2)また、境界線は、ドラッグしてサイズを変更できる様にするには、どのようにするのか。 参考サイト等、ご存知でしたら、ご教示願います。
- 締切済み
- Microsoft ASP
- HPビルダーでフレームの分割作業がうまくいかない
HPビルダーでフレームの分割作業がうまくいかないのです、分割は出来るのですが、左のフレームにリンクを作り、右のフレームの画面にリンクして、右のフレームの画面を右の画面だけに表示するという、簡単なものなのですが、それが、できません、何度、リンクをクリックしても、左のフレームに直接、右の画面が表示されるのです（つまり、左右とも同じ画面になる）どうすれば？
- ベストアンサー
- HTML
- フレーム分割について
画面をフレーム分けで５分割したいです。 以下のようなイメージです。 ｜－－－－－－－－－－－－－－－－－－－｜ ｜ フレーム１ ｜ ｜－－－－－－－－－－－－－－－－－－－｜ ｜ ｜ ｜ ｜ フレーム２ ｜ ｜ ｜ ｜ フレーム３ ｜ ｜－－－－－－－－－｜ ｜ ｜ ｜ ｜ ｜ フレーム４ ｜－－－－－－－－－｜ ｜ ｜ フレーム５ ｜ ｜－－－－－－－－－－－－－－－－－－－｜ フレーム１は問題ありません。 フレーム２～５を、上記のように高さ不均等で 配置することは出来るのでしょうか？ 記述方法を教えていただければと思います。 よろしくお願いしますm(__)m
- ベストアンサー
- HTML
- フレームを使わない画面の分割
フレームを使わないで １ああああ a.ABCDEFG ２いいいいい b.aaaaaaaaaa ３うううううう c.えええええええ d.おおおお 見たいに画面を表示するための方法を教えてください。
- ベストアンサー
- HTML
- ＨＰのサイトの分割
ホームページビルダー６を使って ＨＰを作成しようとしています。 1ページのを分割して メニュー画面とＨＰの内容を 別々の画面にしようとおもってフレームの分割の 上下 をクリックして 作成していたのですが いざ 保存して もう一度ホームページビルダーをたいあげてみて 画面をみたらフレームが分割されていませんでした。 この方法はまちがったやり方なのでしょうか・ 他にあればおしえてください。 よろしくおねがいします
- ベストアンサー
- 在宅ワーク・SOHO
- mpgファイルの分割ツール
お世話になります。 作成したmpgファイルの分割を行いたいのですが… 欲しい機能 ・フレーム単位で編集分割可能。 ・フレーム単位で連写したプレビューが表示される。 ■ ■ ■ ■ ■ □ ■ ■ ■ ■ ↑のような感覚です。 □の部分で分割したいので、 □の前後動画フレーム（■）が連写プレビューで 見れる感じです。 TMPGではプレビューが上記で言う□の部分しか 表示されないので、フレーム単位の連写が 欲しいです。 以上を満たすツールはございますでしょうか？ 回答よろしくお願いします。
- 締切済み
- その他(ソフトウェア)
補足
回答ありがとうございます サンプルコードから今自分が作成したいようなページを書いてみたのですが、うまく表示されません。 特定部分（下の例では画面全域）を十字に４分割したいのです。しかしFirefoxでは左上と右上だけ、IEでは左上と右上に来るべき部分が右下に来ています。 なぜでしょうか？ よろしくお願いします。 <html> <head> <title></title> <style type="text/css"> div.top { background-color: #FF0000; /*上の背景*/ width: 50%; /*上の幅*/ height: 50%; /*上の高さ*/ position: absolute; /*配置方法*/ top: 0px; } div.left { background-color: #00FF00; /*左の背景*/ width: 50%; /*左の幅*/ height: 50%; /*左の高さ*/ position: absolute; /*配置方法*/ top: 0px; left: 50%; div.right { background-color: #0000FF; /*右の背景*/ width: 50%; /*左の幅*/ height: 50%; /*左の高さ*/ position: absolute; /*配置方法*/ top: 500px; left: 50%; div.down { background-color: #FFFF00; width: 50%; /*下の幅*/ height: 50%; /*上の高さ*/ position: absolute; /*配置方法*/ top: 50%; } </style> </head> <body> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="down"></div> </body> </html>