インラインフレーム自体の表示位置を指定したいと思っています。
ページの大きさに対して中央に、
インラインフレームのページを表示したいと思っているのですが、

横位置は、ALIGN="center"を使って指定出来きましたが、
縦位置の指定が出来ないでいます。

色々と検索してみたのですが、
もしかしたら出来ないのでは。。。とも思っています。
ですが、Web上には中央に配置されるページとかもあるので、
出来ないはずはないのですが、
タグをみても量がおおくてわかりません^^;

恐れ入りますがよろしくおねがいしますm(__)m

このQ&Aに関連する最新のQ&A

A 回答 (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>
    • good
    • 2
この回答へのお礼

回答ありがとうございます。
上手く出来ました。

後はソースをみながら色々と検索して意味を勉強してみます。
ありがとうございました^^

お礼日時:2007/12/02 00:10

divの圏内では真ん中に指定することは出来ません。


逆にtableタグだと(非推奨ですが)簡単に実現します。

<td align="center" valign="middle">
 <iframe>
</td>

書き方からしてCSSやWeb標準は意識されてないと思うので、これで十分だと思います。(テーブルタグはデザインするために作られたわけじゃないので、Web標準にあわせると、おかしな使い方、と認識されるからです;
    • good
    • 0
この回答へのお礼

回答ありがとうございました。
テーブルタグを使っての方法もあるんですね。
頑張ってみます^^

お礼日時:2007/12/02 00:09

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q北斗七星の位置と角度

日時から北斗七星の位置と角度を計算で求める方法はありますか?
わかりやすくお願いしますm(__)m

Aベストアンサー

JavaScriptで書くとこんな感じです。 北極星と北斗七星の位置計算(東京)
------- ここから ------
<HTML>
<HEAD>
<TITLE>北斗七星の位置</TITLE>
<script language="JavaScript">
<!--

function Calcmjd(yy,mm,dd)
{ // 準ユリウス日(mjd)の計算
if( mm <= 2) {
y = yy - 1; m = mm + 12;
} else {
y = yy; m = mm;
}
ret = Math.floor(365.25 * y) + Math.floor(y / 400) - Math.floor(y / 100) ;
ret = ret + Math.floor(30.59 * ( m - 2)) + dd - 678912;
return ret;
}
// -->
</script>
</HEAD>

<BODY BGCOLOR="#E0E0EE">

<script language="JavaScript">
<!--
//
RA = new Array(8); // 赤経データ
DE = new Array(8); // 赤緯データ
NM = new Array(8); // 星名データ
PI = 3.14159265358979;
RAD = 180.0 / PI;
KEIDO = 139.75; // 経度 東経139度45分(東京)
IDO = 35.65; // 緯度 北緯35度39分(東京)

//
// 日時関連データの設定
//
CuDate = new Date(); // 現在の日時
yy = CuDate.getYear();
mm = CuDate.getMonth() + 1;
dd = CuDate.getDate();
hr = CuDate.getHours();
mn = CuDate.getMinutes();
sc = CuDate.getSeconds();

MJD = Calcmjd(yy,mm,dd) + hr / 24 + mn / 1440 + sc / 86400 - 0.375;
d = (0.671262 + 1.002737909 * (MJD - 40000) + KEIDO/360);
LST = 2*PI*(d - Math.floor(d));
document.write("<TT><CENTER><B>東京から見た北斗七星の位置<P>");
document.write(yy, "年", mm, "月", dd,"日 ", hr, "時", mn,"分",sc,"秒");
document.write("<P>     方位角   高度")
// 星のデータの設定
RA[0] = 2.5300; DE[0] = 89.267; NM[0] = "UMi α ";
RA[1] = 11.062; DE[1] = 61.750; NM[1] = "UMa α ";
RA[2] = 11.030; DE[2] = 56.383; NM[2] = "UMa β ";
RA[3] = 11.897; DE[3] = 53.700; NM[3] = "UMa γ ";
RA[4] = 12.257; DE[4] = 57.033; NM[4] = "UMa δ ";
RA[5] = 12.900; DE[5] = 55.967; NM[5] = "UMa ε ";
RA[6] = 13.398; DE[6] = 54.933; NM[6] = "UMa ζ ";
RA[7] = 13.792; DE[7] = 49.317; NM[7] = "UMa η ";
// 星の表示位置の計算
document.write("<BR>");
srid = Math.sin(IDO / RAD);
crid = Math.cos(IDO / RAD);
for (i=0;i<8;i++) {
ra = 15 * RA[i] / RAD;
dc = DE[i] / RAD;
ha = LST - ra;
sdc = Math.sin(dc);
cdc = Math.cos(dc);
sha = Math.sin(ha);
cha = Math.cos(ha);
xs = sdc * srid + cdc * crid * cha;
h = Math.asin(xs);
s = cdc * sha;
c = cdc * srid * cha - sdc * crid;
if (c < 0) a = Math.atan(s/c) + PI;
else if (c > 0 && s <= 0) a = Math.atan(s/c) + 2*PI;
else a = Math.atan(s/c);
if (h == 0) h = 0.00001;
a = a * RAD;
h = h * RAD;
if (h < 0) continue;

if (a < 10) sa = "00" + a;
else if (a < 100) sa = "0" + a;
else sa = "" + a;

if (h < 10) sh = "0" + h;
else sh = "" + h;

if (i == 1) document.write("<BR>");
ssa = sa.substring(0,6);
ssh = sh.substring(0,5);
document.write(NM[i]," ",ssa,"  ",ssh,"<BR>");
}
// -->
</script>
</BODY>
</HTML>

JavaScriptで書くとこんな感じです。 北極星と北斗七星の位置計算(東京)
------- ここから ------
<HTML>
<HEAD>
<TITLE>北斗七星の位置</TITLE>
<script language="JavaScript">
<!--

function Calcmjd(yy,mm,dd)
{ // 準ユリウス日(mjd)の計算
if( mm <= 2) {
y = yy - 1; m = mm + 12;
} else {
y = yy; m = mm;
}
ret = Math.floor(365.25 * y) + Math.floor(y / 400) - Math.floor(y / 100) ;
ret = ret + Math.f...続きを読む

Qインラインフレームの位置指定

インラインフレームをHPに作成したいのですが,
自分で検索したんですがインラインフレームの位置指定の方法がいまいち
わからないので質問させて頂きます。

style="position:absolute;で指定したんですが、ブラウザのちょうど真ん中
になかなかいきません。

希望としましては、トップからは0の位置で、左右はど真ん中にしたいのですが、下記HTMLにどのようなタグを付け足せば可能でしょうか?

<Iframe Src="☆.html" Width="400" Height="600" name="mintag"Scrolling="no"Frameborder="no">

Aベストアンサー

一番簡単にできるのは
<div align="center">
<Iframe ・・・>
</div>

Q東京の平将門の北斗七星について教えてください。

平将門に関して、東京23区内にある平将門ゆかりの寺社の配置が北斗七星を構成し、 天海による呪的魔方陣ではないかと言われているそうです。
それで、実際の北斗七星は、そのβ星とα星とを結んで、その間隔を、柄杓の底から縁に向かって約5倍伸ばすと北極星があります。東京の平将門の北斗七星について、同じようにαにあたる鳥越神社とβにあたる兜神社の距離を延ばした北極星に当たる位置に、何かあるでしょうか。

よろしくお願いします。

Aベストアンサー

私も以前、この話を聞いて調べましたが、足立区栗島という普通の町に至るだけです。
ってゆうか、そもそも東京には他にも将門公縁の神社は多くあり、その中から北斗七星になるように選んで結んだだけです。つまり根拠があって配置したのではない。
さらに言えば、その幾つかの神社も何度か移動されているので、今のような関係にはなりません。

おっしゃるとおり、北斗信仰で大切なのは天帝である北極星であり、北斗七星はその家臣でしかありません。
ですから、将門公縁の神社が北斗七星を結んでいたとしても、それだけの事なんですよ。

Qインラインフレーム内の表示位置を修正できません

インラインフレーム内の表示位置を修正できません

 <iframe src="~.php" align="top" frameborder="1" scrolling="no" width="177" height="100" hspace="0" vspace="0" marginwidth="0"></iframe>

というソースでインラインフレーム内に、アンカータグの列(phpで生成)を表示させたいのですが、
このアンカータグの列の表示位置が、インラインフレームの左上端から中央(右下)方向にずれてしまいます。

<iframeフレームの設定をあれこれ修正してみたのですが、うまくいくません。
解決策をどうか教えてください。

Aベストアンサー

まずは、スタイルシートの終了タグが抜けているのを修正し、マージン、パディング0をtable formにも指定いてください。
<style type="text/css">
<!--
#an1{
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
-->

    ↓↓↓↓↓ ※下のように変更する

<style type="text/css">
<!--
body, table, form {
margin: 0px;
padding: 0px;
}

#an1{
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
-->
</style>

Q【天文学における北斗七星】北斗七星について質問です。 北斗七星の形が変わっていくのはなぜですか? あ

【天文学における北斗七星】北斗七星について質問です。

北斗七星の形が変わっていくのはなぜですか?

あと北斗七星で検索すると柄杓型で柄杓が水が溜まる上向きと下向きの画像があるのはなぜですか?

それと陰陽道の安倍晴明の時代の北斗七星は真っ直ぐなのに徐々にガタガタになっていってますが、将来は柄杓型でも無くなってしまうようです。

安倍晴明の時代の北斗七星って本当に柄杓型の後ろの取っ手部にあたる星は真っ直ぐだったのでしょうか?

それとも現在と変わらずガタガタだったけど、そこまで忠実に陰陽道では星座の形を再現しなかっただけですか?

なぜ大昔から北斗七星は我々を魅了する力があると思いますか?

Aベストアンサー

恒星の固有運動があるので天球上の星は位置を変えていきます。
おおくま座の星は一部が同じ散開星団(おおぐま座運動星団)を構成していた星と考えられています。
ミザールとアルコアも近接して見えていて同じ方向へと固有運動をしています。
昔は見かけの2重星だと言われていましたが、現在は2重星なのか重力で結びついた2連星なのか決着していません。

まず、上向き下向きの画像があるのは天球の日周運動によるものです。
本州では見られませんが、北海道辺りまで行くと水が溜まる上向きの北斗七星を観ることができます。
今の時分は上向きですね。北斗七星は春の星座なので春には下向きの姿が夜半に掛けて観ることができます。

次に安倍晴明の頃も北斗七星は今とほとんど変わらない姿でした。
20万年も前になると形が違います↓。
http://www.mitsubishielectric.co.jp/dspace/column/cw04.html
北斗七星 固有運動 でネット検索すると未来の姿も観ることができます。
星の運動は人間の歴史のスケールに比べると微々たるものです。

Qインラインフレームを使って、lightboxを表示させたい

メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。
このサムネイルをクリックするとlightboxで表示されるようにしたいのですが、上手くいきません。
メイン画像に表示されず、インラインフレーム内で、lightboxが動作せず、画像がリンクするだけです。


メインのHTML(main.html)のheadに下記の記述をし、
【main.html】
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

インラインフレーム内(in.html)のサムネイルには下記を記述しています。
【in.html】
<a href="images/001.jpg" rel="lightbox" title="テスト"><img src="images/p01.jpg" border="0"></a>

ちなみに、上記のタグをメインのHTMLに記述すると、ちゃんとlightboxは動きます。
インラインフレーム内だと、動かないのです。


ソースのどの部分に手を加えると、メインページ上に、表示されるようになるのでしょうか。
アドバイスお願い致します。

メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。
このサムネイルをクリックするとlightboxで表示されるようにしたいのですが、上手くいきません。
メイン画像に表示されず、インラインフレーム内で、lightboxが動作せず、画像がリンクするだけです。


メインのHTML(main.html)のheadに下記の記述をし、
【main.html】
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></...続きを読む

Aベストアンサー

in.html内のbase targetで指定するか、アンカーにターゲット属性でmain.htmlに出力させてば良いのでは?
<base target="main.html">
又は<a href="" target="main.html">

Q北斗揃いについて

こんにちは。

しょーもない質問で恐縮ですが、
北斗揃いは2セット確定ですか?

昨日北斗を打って、初めて北斗で揃いました。
BB自体は大して続かなかったんですが(レインボーだったのに・・・←これも初めて)、
終わった後、すぐに(1ゲーム)北斗で揃いました。
また終わった後、7で揃いました。
北斗→北斗→7ですが、全て1ゲーム連です。
BBは合計で11回でした・・・(どーゆー事???)。

北斗揃いは次回BB確定ですか?
よろしくお願いします。
(^^ゞ

Aベストアンサー

北斗が揃った場合、ほぼモード9(約85%ループ)か10(約90%ループ)に行くというのはご存知でしょうか?
モード9と10滞在時モード以降振り分けですが、

・モード9
モード0へ  13.96%(当たり終了時のモード)
モード4へ  0.39%(前兆モード)
モード5へ  0.78%(7揃いモード)
モード6へ  0.20%(北斗揃いモード)
モード9へ  84.67%

・モード10
モード0へ  9.67%当たり終了時のモード)
モード4へ  0.39%(前兆モード)
モード5へ  0.78%(7揃いモード)
モード6へ  0.20%(北斗揃いモード)
モード10へ  88.96%

となっています。
1ゲームで北斗が揃ったということはモード6へ移行したということですね。
その後も1ゲームで7が揃ったということなので、モード5へ移行したということです。
0.20%と0.78%をたまたま引いただけですね。
引きが強いですね^^

Qインラインフレームの上(外)と下(内)で表の列位置をあわせたい。

お世話になります。初歩的な質問で申しわかりませんがよろしくお願いいたします。
インラインフレームの上(フレームの外)と下(フレームの内)に表を配置して、セルの列位置があうようにしたいと考えております。フレームの内外の表とも同じ列数の表で表の幅のピクセル数、ボーダー幅など同じにしています。インラインフレームの表示幅も同じ幅にしていますが、表示された際の列位置がずれてしまいます(スクロールバーで位置をあわせる必要が生じます)。これを同じ位置にあわせることは可能でしょうか?アンカーポイントにて縦位置は表示させたい箇所へ飛ぶようにしており、これはうまく動いています。フレーム部分は
<iframe src="./01select.html" width="1375" height="180" scrolling="yes" name="select" marginwidth="0" marginheight="0" hspace="8" vspace="0">●●未●●ここに未対応ブラウザ向けの内容入れること</iframe>
です。
よろしくお願いいたします。

お世話になります。初歩的な質問で申しわかりませんがよろしくお願いいたします。
インラインフレームの上(フレームの外)と下(フレームの内)に表を配置して、セルの列位置があうようにしたいと考えております。フレームの内外の表とも同じ列数の表で表の幅のピクセル数、ボーダー幅など同じにしています。インラインフレームの表示幅も同じ幅にしていますが、表示された際の列位置がずれてしまいます(スクロールバーで位置をあわせる必要が生じます)。これを同じ位置にあわせることは可能でしょうか?アン...続きを読む

Aベストアンサー

多分iframeのpaddingでズレてるんじゃないかと思うので
iframeで表示されるページのhead内に
<style type="text/css">
<!--
*,body{margin:0;padding:0;}
-->
</style>
をコピペして、スタイルをクリアしてみたら揃うんじゃないでしょうか。

Q【朝鮮人、中国人にとって星座】朝鮮人、中国人にとっての北斗七星の意味を教えてください。】 なぜ日本は

【朝鮮人、中国人にとって星座】朝鮮人、中国人にとっての北斗七星の意味を教えてください。】


なぜ日本は太古の昔から北斗七星を偉大な力がある星だと考える文化があったのでしょうか?

多分、渡来人の朝鮮人が日本人に北斗七星の存在を教えたのだと思います。

朝鮮人にとって北斗七星はどういう意味があったのでしょう?

多分、日本人はそのまま話を受け入れて北斗七星には力があると信じることになったと思われる。

朝鮮人、中国人にとっての北斗七星の意味を教えてください。

Aベストアンサー

>渡来人の朝鮮人が日本人に北斗七星の存在を教えたのだと思います。

朝鮮人も支那人も関係ないけど。
支那、朝鮮の言い伝えと日本の言い伝えは関係ないし。

QCSSでインラインフレームを非表示にしたい

初心者です。
いろいろ試したのですがうまくいかないので教えてください。
複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、

たとえば、

<iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe>

と縦に並んでいるインラインフレームをhtmlは変更せずに、
真ん中の「only」だけ隠すことはできませんか?
スペースが空かずにfreeとlinkだけが並んでいる状態にしたいです。
宜しくお願いします。

.free {
width:450;
height:760;
border:none;
margin: 0px;
overflow: hidden;
}

.only {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}

.link {
width:450;
height:680;
border:none;
margin: 0px;
overflow: hidden;
}

初心者です。
いろいろ試したのですがうまくいかないので教えてください。
複数のインラインフレームのレイアウトを、スタイルシートで一括管理したいのですが、

たとえば、

<iframe class="free" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="only" src="http://www.***" scrolling="no" frameborder="no"></iframe>
<iframe class="link" src="http://www.***" scrolling="no" frameborder="no"></iframe>

と縦に並んでいるインラインフレームをhtmlは変更せずに、
...続きを読む

Aベストアンサー

.only に display: none; を入れれば消えませんか。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報