- ベストアンサー
swf書類をSAFARIで縦位置中央表示
swf書類をSAFARIで縦位置中央表示ができません。 <TD align="center" valign="middle">で指定しているのですが 縦のほうが無効となってしまい、上部に行ってしまいます。 SAFARIでswfなどをページの縦横ど真ん中に配置する方法を教えてください。 よろしくお願いいたします！
- kommatta
- お礼率90% (147/163)
- ホームページ作成ソフト
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
遅くなりました。 ソースを拝見致しまして、丸々コピーして、私の環境のSafariで確認してみました。 会社のSafariと、自宅のSafariの２台で確認しましたが、やはりきちんと上下左右中央寄せになっています。 と、いうことは、お手元のSafariに原因があるんじゃないかと思います。 もし、別のSafariで確認出来る環境があれば、確認してみて下さい。 他のSafariで確認してきちんと中央寄せになるのであれば、(1)インストールし直す、 (2)システムの上書きインストールをしてみる、(3)気にしないことにする、の、 大まかに３パターンの行動が考えられます(^^; CSSでの制御が上手く行くと良いのですが...ただ、CSSで制御すると下位ブラウザ（NN4.7とか）では、 やっぱり表示が崩れてしまうので、ページ分岐などで最近のブラウザと、 古いブラウザで別のページが表示されるようにスクリプトを組む手間が加わります。 今は、本当は、CSSが推奨されてるのだけど、環境によって 古いままのブラウザを使い続けねばならない人もいるわけだし、 どこで見切りをつけるかが難しい問題なのです。 質問と関係無い、余計なことですが、<p> ＝ paragraph ＝段落のタグを多用しているようですが、 オブジェクトは段落タグに囲う必要は無いかも。 改行は<br>の方が良いかも。 余計なことを書いちゃってすみません、流して聞いて下さいね。
その他の回答 (2)
もう解決されたでしょうか？ どうして同じSafariで動作が違うのか分かりません...。 良かったらオブジェクト部分を適当な画像に書き換えて、 <html>～</html>までソースを貼付けてみて頂けますか？ もしかしたら分かるかも...？ 他のサイトでセンタリングされたものはちゃんと見えるのですよね？ ソースが間違っていないのであれば、もしかしたらSafariの再インストールで解決があるかも？？？ テーブルタグじゃなくCSSで配置することも出来ます。 詳しく解説したページがありましたので、こちらを引用します。
お礼
ありがとうございますm(__)m まだ解決しておりません(>_<) CSSでもできるのですか、、、このCSSを適用して後でトライしてみます。まずは補足にソースをはらせていただきます！
補足
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>Kommatta Site</title> <style type="text/css"> <!-- body { background-color: #000000; } --> </style></head> <body> <TABLE width="100%" height="100%"> <TR> <TD align="center" valign="middle"> <p> </p> <p> </p> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width=346 height=153> <param name=movie value="./01.swf"> <param name=quality value=high> <param name=bgcolor value=#ffffff> <embed src="./01.swf" width=346 height=153 quality=high bgcolor=#ffffff type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> </object> </p></TD> </TR> </TABLE> <div align="center"> <p> </p> </div> </body> </html>
手元の環境では上手く行きました。（OS10.3.9／Safari1.3.1） <html> <head>...</head> <body> <table width="100%" height="100%"> <tr> <td align="center" valign="middle"> <object ...> ... <embed ...></embed> </object> </td> </tr> </table> </body> </html> おそらく同じ仕組みをお使いだと思いますが、表示出来ませんか？ Safariのバージョンも念のためご確認下さい。 古いバージョンはバグばかりでした。
お礼
ありがとうございます！えぇ、これで出来ないのです。真上に表示されてしまって。。。SAFARIのverは 1.3.1 (v312.3.1)です。よろしくおねがいしますm(__)m
補足
yellowgreenさんと同じVERSIONですね、、、表示できますか！？ そのテーブル内に小さいjpgなどの画像を入れても縦横中央に画像がきてますでしょうか？？？？私のはきてません。テーブル自体はど真ん中というか、100%で表示はされていますが、中の画像は縦位置では上にきて、横位置は中央にきています(>_<) なぜでしょう・・・・・・・ちなみにタグはyellowgreenさんのをコピペしてテストし、objectにswfを放り込みテストしました。
関連するQ&A
- 縦に、中央揃えたい
Xoopsのtinydモジュールを使ってますけど、 ページラップで、コンテンツを追加しました。内容がテープルの真ん中に設置しておきたいんですが、HTMLは、下のように書きました。 <table border="1" cellpadding="0" cellspacing="2" width="500" height="500"> <tr> <td valign="middle"> ←反映しない <div align="center"> ←これは大丈夫、使えます。 真ん中</div> </td> </tr> </table> Xoopsへアップしてみたら、どうしても 「真ん中」の文字が上揃いになってしまう。どうすればいいですか？ ご存じの方がいっらしゃいましたら、どうぞお教え下さい。
- ベストアンサー
- HTML
- 表内、縦位置の中央揃えがど～～してもできない!!
ワードでの文書作成をしています。表内の文字を縦横ともに中央に配置する場合、セルの配置で中央に設定しても、横位置は中央になるのですが、縦位置が下よりになったままです。それならばと、縦位置を上にしても画面上はそれでも下よりです。ワードで表を作った場合も、エクセルで作った表をコピーしても同じです。なんとか縦位置を中央に持っていきたいのですがどうしたら良いでしょうか。明日までに完璧に仕上げたいのです。わかる方、よろしくお願いいたします!!
- ベストアンサー
- オフィス系ソフト
- Flash画像の中央表示
ただいまHPを作成しているのですが、例えばSWFなどの画像を メインフレームの横中央は中央合わせで簡単にできるのですが 縦位置の中央は指定できないのでしょうか？ ウィンドウサイズを変えても縦横中央にswf書類を表示させたいのです。 jpgなどもそのように表示させたいのですが、縦位置での中央の指定のやり方がわかりません。 どうぞよろしくお願いいたしますm(__)m
- 締切済み
- ホームページ作成ソフト
- 【CSS】divの中で縦方向の中央揃えは、どうやってかくのでしょうか？
すいません、divの中で縦方向の中央揃え、つまり、 divの代わりにtableタグの中のtdで書いた場合の、 <td valign="middle">ほげほげ</td> と同じことをdivで実現するにはどうすればいいのでしょうか？ ご存じの方いらっしゃったら、よろしくお願いいたします。
- 締切済み
- HTML
- swfをブラウザの中央に表示したい
たびたびお世話になっております。 flash初心者です。 ただいま、1800px × 600px の横幅の大きなswfを作っています。 それを、ブラウザで中央に表示したいのですが dreamweaver で swfを配置、text align = center とし 1000px程度のブラウザのウィンドウで見ると swfの左端がブラウザの左端に合った状態で表示されます。 開いているブラウザの中央と、swfの中央を合わせるような感じで ブラウザ上にswfを表示したいのですが （ちなみに、swfはリサイズせずに） flashのスクリプトでできるものでしょうか？ 使用環境は mac os 10.4.11 dreamweaver cs4 flash cs3 AS2.0です。 ご教示いただけると幸いです！
- 締切済み
- Flash
- CSSでセル内の文章の縦位置をTOPにしたい
テーブルを作成しました。セルの数は随時増やしていく予定にしてます。 デフォルトではmiddleになっている縦方向の位置をCSSを使って一括でTOPに設定しておきたいのですが…タグに<tr valign="top">と設定すればよいのですが、行数が増える一方になるので、できるだけ内容をスッキリさせたいところです。CSSで設定できればいいなと思います。横位置はtr{text-align:center}で指定できるようですがtr{text-valign:middle}とやっても変化がなかったので（強引）… よい方法がありましたら教えて下さい。宜しくお願い致します。
- ベストアンサー
- HTML
- DIVボックス内でのCSSを使用した縦位置指定方法
CSSにてheight、weightを指定したDIVタグの中にテキストを記述し、縦位置の中央揃えを行いたいのですが、方法がわかりません。 "vertical-align:middle;"などを指定しましたが、適用されませんでした。 スタイルに関することは全てCSSで行いたいので、TABLEタグなどでvalignを指定する方法は取りたくありません。 何かいい方法をご存知の方がいらっしゃいましたら、ご回答をよろしくお願いいたします。
- 締切済み
- HTML
- モバイルで表示するゴルフスコアのデザイン
お世話になっております、めぐみと申します。 4.7インチ程度のモバイル画面にかっこいいゴルフスコアが表示できないか悩んでいます。 自分で作っては見たもののあまりよくないです。 あまり、データを大きくしたくないので極力gif等使用したくはないですが、多少なら使ってもよいかと思っています。 色合いがきれいで、丸みとかあったほうがいいのかと考えてはいるのですが。。。 もし、何か良いアイデアがありましたらどんな些細なことでも結構ですのでアドバイス頂けないものでしょうか。 以下、HTMLを貼り付けます。 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1"> <tbody> <tr> <td bgcolor="#4C6E29" style="color: #FFFFFF">日付</td> <td colspan="11" bgcolor="#4C6E29" style="color: #FFFFFF">2018.02.19</td> </tr> <tr> <td rowspan="2" bgcolor="#4C6E29" style="color: #FFFFFF">場所</td> <td colspan="11" bgcolor="#4C6E29" style="color: #FFFFFF">〇〇ゴルフ場In</td> </tr> <tr> <td colspan="11" bgcolor="#4C6E29" style="color: #FFFFFF">〇〇ゴルフ場Out</td> </tr> <tr> <td rowspan="4" bgcolor="#4C6E29"> </td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">1</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">2</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">3</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">4</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">5</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">6</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">7</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">8</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">9</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">小計</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">実績合計</td> </tr> <tr> <td align="center" valign="middle" bgcolor="#98A51C">-1</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">-2</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">2</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">+15</td> </tr> <tr> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">10</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">11</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">12</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">13</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">14</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">15</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">16</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">17</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">18</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">小計</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">打数合計</td> </tr> <tr> <td align="center" valign="middle" bgcolor="#98A51C">2</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">-1</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">2</td> <td align="center" valign="middle" bgcolor="#98
- ベストアンサー
- その他（インターネット・Webサービス）
- htmlで縦の中央揃えが上手くいきません。
htmlで縦の中央揃えが上手くいきません。 vertical-align : middleでいけると思われるのですが、上手くいきません。 下記の部分です。 <div style="vertical-align : middle;"> <a href="http://www.yahoo.co.jp/"><img src="logo.png" /></a> > <a href="http://okwave.jp">okwave</a> > thispage </div> 何か間違えているでしょうか？ それとも、テキスト以外は揃わないのでしょうか？
- 締切済み
- HTML
- テーブルにリンクをはった場合のテキストの表示位置
http://okwave.jp/qa/q2259695.html ↑こちらを参考にて、テーブルにリンクをはることはできたのですが、テキストの表示位置を「 valign="middle"」と設定してもテーブルの中央に表示されず、上に表示されてしまいます。（「align="center"」はできます） テーブルの中央にテキストを表示させてい場合、どうしたら良いのか教えてください。 お願いします。
- ベストアンサー
- ホームページ作成ソフト
お礼
丸々コピーで見れましたか？！えー本当ですかぁ！ショック・・・自分のOSX10.39環境も10.42環境も、そして妻の新型iMACでも全部上に表示されてしまいます(笑)こりゃどういうこっちゃ？って感じですね。。。。もう一度再インストール試みます。SAFARIは1.31のアップデーターで入れ直してみたんですけど、効果なしでした(T_T) たぶん削除してインストールしないと効果なさそうですよね。いろいろありがとうございました。また何か情報がもしございましたらよろしくお願いしますm(__)m
補足
ムム、、、でもおかしいです！いまWINのXP PROの環境でI.E.で見てもやはり上部にきています！サーバーが原因かと、違うサーバーに置いてテスト表示しても同じです。yellowgreenさんが見ている同じ構造（縦横中央表示）のインターネット上のページで同じように表示されているか確認できれば良いのですが・・・これはSAFARIが原因じゃなさそうですね。。。うーん、、わかりません(;_;)