インラインフレーム自体の表示位置を指定したいと思っています。
ページの大きさに対して中央に、
インラインフレームのページを表示したいと思っているのですが、
横位置は、ALIGN="center"を使って指定出来きましたが、
縦位置の指定が出来ないでいます。
色々と検索してみたのですが、
もしかしたら出来ないのでは。。。とも思っています。
ですが、Web上には中央に配置されるページとかもあるので、
出来ないはずはないのですが、
タグをみても量がおおくてわかりません^^;
恐れ入りますがよろしくおねがいしますm(__)m
No.2ベストアンサー
- 回答日時:
高さと幅が固定されていれば、以下のcssが有効のようです。
<style type="text/css">
<!--
#center{
height:200px;
width:500px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-250px;
border:solid 1px #666666;
}
-->
</style>
<iframe src="" name="" id="center">
インラインフレームを使用しています。
</iframe>
回答ありがとうございます。
上手く出来ました。
後はソースをみながら色々と検索して意味を勉強してみます。
ありがとうございました^^
No.1
- 回答日時:
divの圏内では真ん中に指定することは出来ません。
逆にtableタグだと(非推奨ですが)簡単に実現します。
<td align="center" valign="middle">
<iframe>
</td>
書き方からしてCSSやWeb標準は意識されてないと思うので、これで十分だと思います。(テーブルタグはデザインするために作られたわけじゃないので、Web標準にあわせると、おかしな使い方、と認識されるからです;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- ノートパソコン ページ番号の入れ方について 3 2023/02/16 17:11
- その他(プログラミング・Web制作) pythonでのカーソル移動がずれる 2 2023/07/30 08:51
- 仕事術・業務効率化 朝やらなければならない事をどうしても忘れてしまいます 3 2022/04/15 10:02
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
- Excel(エクセル) MID関数について 2 2022/04/22 09:13
- SEO 意図しないページが検索ヒットする問題 2 2022/05/19 14:35
- その他(コンピューター・テクノロジー) WordやPowerPoint、Teamsの使い方に詳しい人教えてください。 高校生女です。夏課題で 2 2022/08/18 22:34
- Word(ワード) Wordで図形などの全てのオブジェクトの位置を一括で固定する方法はありますか? 1 2022/04/19 14:29
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
<IFRAME>でコンテンツ部分のみ表示させる方法
HTML・CSS
-
インラインフレームの中の表示位置を調節する
HTML・CSS
-
iframeの中身の表示位置
HTML・CSS
-
-
4
インラインフレームの中に表示されるページを任意の場所から表示させたいのですが
HTML・CSS
-
5
ページ訪問時にiframe内を自動スクロールしたい
JavaScript
-
6
WEBページのヘッダーフッターを非表示にした本文のみを表示させたい
HTML・CSS
-
7
インラインフレーム内の表示位置を修正できません
HTML・CSS
-
8
iframe内の特定の場所にジャンプする方法
HTML・CSS
-
9
インラインフレームの横スクロールの非表示
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
macとwindowsのレイアウト崩れ...
-
なぜ左に寄っているの?
-
<h1>タグの後の行間を詰めたい。
-
chromeだけbody直下に空白が開く
-
ウィンドウを狭めても中の表示...
-
INPUT TEXT内の文字位置を指定...
-
「全体のレイアウト:中央揃え...
-
HTMLフォームのSELECTの幅を一...
-
端から端まで横線を引きたい
-
text-alignの解除の方法
-
<SELECT>について
-
Dreamweaverで画面サイズを一定...
-
paddingを指定するとwidthやhei...
-
テーブルタグを使わず、テーブ...
-
htmlでテーブル内にテキストボ...
-
バーコードのサイズは拡大縮小...
-
エクセルでサイズに合ったもの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
なぜ左に寄っているの?
-
インラインフレームの表示位置...
-
text-alignの解除の方法
-
CSSでh1とその下の文字との行間...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
FireFoxで見るとブラウザの幅に...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
<legend>で表示されるタイトル...
-
INPUT TEXT内の文字位置を指定...
-
CSSで、height:100%の中央寄せ
-
CSSの設定
-
テキストボックスの様に文字の...
-
フッターだけが真ん中に行って...
-
スタイルシートでh1の属性行間...
おすすめ情報