- 締切済み
iモードとCSS
お世話になっております。 いろいろ検索して携帯サイトをXHTML+CSSで作り始めました。 決め手はdocomoがインラインではありますが「CSSに対応している」という記述を見つけたからです。 数ページ作り、ソフトバンクではバッチリです。 たぶんAUも大丈夫だろうと思います。 問題はdocomoで、「iモードHTMLシミュレーターII」で確認すると、CSSがまったく付いてません・・・ショックです。 ■インラインCSSが使えるというのはガセ？ ■シミュレーターがいい加減？ ■何か間違ってる？（DTD？） ■docomoがXHTMLに対応している意味は・・・？ どなたか詳しい方よろしくお願いします。 それと、DTDは下記を使用しており、 ソフトバンクは問題ありません。AUも。docomoでは？関係ありますか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> よろしくお願いします。
- nikita16
- お礼率48% (83/172)
- HTML
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
CGIや.htaccessでドコモからのアクセスと判定したら可能です。
実機での確認は出来ませんが、ｉでもTransitionalで正常に表示すると云うサイトは結構確認されてます。 但しドコモの場合はCSSはaを除き全て「直接記述」しなければ駄目。 更にファイルの拡張子はhtmlでは無く「xhtml」にする。 一番確実なのはｉだけ別のページを作成して飛ばす。
dtd宣言はphpなどで出力するのが無難なようです。 http://d.hatena.ne.jp/tilfin/20080530/1212376626 http://www.thinkit.co.jp/article/143/1/ docomoはi-xhtmlにしないとi-cssが反映されません。
補足
お返事いただきどうもありがとうございます。 ご紹介いただいたサイトはとてもわかり易く、私の求めていた「３キャリア共通」でした。 DTDについても答えがでていました。 ですが、ドコモは不可解です。 >docomoはi-xhtmlにしないとi-cssが反映されません。 拡張子をxhtmlとすればいいのですか？ i-modeのシミュレータでは不完全ですがCSS付きで確認できましたが、ソフトバンクではソースがそのまま表示されてしまいました。 やはりi-modeでCSSはあきらめた方が良いでしょうか？ すると、文字サイズはfontタグで制御することになりますが、size="3"は妥当でしょうか？ i-modeシミュレータではかなり大きく表示されるので、size="-1"としても差し支えないでしょうか？
関連するQ&A
- phpでreadfile(include)した結果に？が出力される
phpで以下のようなA,Bの2つのファイル構成にした際に ブラウザでAをアクセスし、ソースを表示するとreadfileした結果の前に「?」が出力されます。 「？」と出力されるのが何か問題だと思うのですが、分かりません。 ご指南をお願いいたします。 ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> Aファイル <?php readfile('inc/xhtml.inc'); include('inc/dbcon.php'); include('inc/cm468_2.inc'); ?> ----------- Bファイル <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> -------------------------------- 出力結果 ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
- ベストアンサー
- PHP
- cssがIE6で適用されない理由は
教則本を見てcss/xhtmlでサイトを作ったのですが、 （教則本がIE7以降対応だった為） safari firefoxd IE7では表示がうまくいくのですが、 IE6では全くcssが適用されないです。 少し調べたところこの辺の記述に問題があるのかなと思っています。 誰か教えて下さい。 ............................................................................... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="jap" lang="jap" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> ....................................................................
- ベストアンサー
- HTML
- DOCTYPE宣言とdocument.body.clientHeight
お世話になります。 ブラウザのサイズを取得するにはどうすればよいのでしょうか？ document.body.clientHeightで取得出来るのは分かりましたが DTDにより動作したり、しなくなるのも分かりました。 ×動作しない <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ○動作する <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 後者のものですとIEでは動作しますが、firefoxでは動作しません。 何か対処法は、御座いませんでしょうか？ 一番望む形は <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> の宣言で、ブラウザサイズが取れるようになるのがベストです。 CSSを使用しているので<?xml version="1.0" encoding="UTF-8"?>を入れると 表示モードが互換になるので・・・。 対応したいブラウザはIE6.0、firefox,Safariです。 一応ソース <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script> function init(){ var bodyHeight = document.body.clientHeight; alert(bodyHeight); } </script> </head> <body onload="init();"> <div> ほげ </div> </body> </html>
- ベストアンサー
- JavaScript
- Dreamweaverのデフォルトを変更したい
Dreamweaverでhtmlドキュメントを新規に作成、かつ、XHTML準拠させると、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> という宣言も自動で作成されますが、このデフォルト宣言をStrictにしたいのですが、どこでどのような操作をしたらよいのでしょうか？ ご存知の方、お願いします。
- ベストアンサー
- HTML
- 教えてください。ホームページを作っているのですが、宣言文を入れると、中
教えてください。ホームページを作っているのですが、宣言文を入れると、中央に配置できなくなります。 これはどうすればよいのでしょうか？？ <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head>
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSでの中央寄せにかんする疑問
.main { margin:0 auto; width:1000px; } とCSSファイルに記述することにより中央よせをしようとしています。 IE8以外のブラウザでは中央に寄るのですが、IE8では実現しません。 実はこのCSSの記述は私が以前作成したサイトからコピーしていて、そのサイトではすべてのブラウザで中央に寄っています。 今回作成したサイトではこのようなトラブルに陥りました。 で、苦し紛れでDOCTYPE宣言を <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> から <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> に変更したらIE8でも中央に寄りました。 なぜ、このようなことになったのでしょうか？ 教えてください。 よろしくお願いします。(Apacheのバージョンとかがかかわっている？)
- ベストアンサー
- HTML
- 宣言とcssの関係
こんばんは。 ご存知の方いらっしゃいましたら教えてください。 サイトを <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head>・・・・・・・・・・・・ こういった書き出しで書き始め、フルＣＳＳサイトを作ってみました。出来上がりしばらくしてから、文法上では <?xml version="1.0" encoding="Shift_JIS"?> こういった宣言も入れたほうがいいことを知り、一行目に追記したところ表示がずれてしまいました。ちなみにhtml4.01の宣言に変えてもずれてしまいます。 これはどうしてでしょうか。 お分かりでしたら教えてください！よろしくおねがいします。
- ベストアンサー
- HTML
- XHTML のタイトルが表示されません ご教授おね
タイトル通りなのですがHTML のタイトルが上手く表示されず、本文の中に入ってしまっています。（cf,添付画像） 一番最初の所で躓いてしまいました、解説書の通り何度もやり直したのですが、原因が分からないのです・・・かなり初歩的なこととは思われますがよろしくお願いいたします！ ソースは以下のとおりです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <titile>a</title> <style type="text/css"> </style> </head> <body> </body> </html> ＊ちなみにサンプルでは以下のとおりになっています。（サンプルをインストールすればしっかりと表示されるのです、同じなはずなのに僕が入力しますと上手くいきません） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>a</title> <style type="text/css"> </style> </head> <body> </body> </html>
- ベストアンサー
- CSS
- Unicodeでサイトを作るとCSSがおかしくなるのですが…
Shift-JISで作成したサイトの文字コードをUnicode（UTF-8）に変更しました。そのページをIE6で閲覧してみると、外部CSSで設定したテーブルのセルの背景色が無効になってしまいます。また、line-heightの値もおかしくなります。Firefoxでは問題がないのですが、これはIEのバグなのでしょうか？それとも、Unicodeに限っての何かがあるのでしょうか？ 当方win2000です。DOCTYPEは以下で制作しました。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- ベストアンサー
- CSS
- xmlnsに変換されてしまう。。。？
サイトの上部に <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> と書かれたサイトをFIreFoxで閲覧したときに、 『選択したソースを表示』でソースを見てみると、 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> と表示されています。 つまりこれはソースが前者であったとしても、ブラウザ表示時に後者に変換されてしまうということでしょうか？ というのも、前者後者のタグによって、 内部のCSSやレイヤーのデザインが崩れてしまうので。
- ベストアンサー
- HTML
補足
ありがとうございます。 i-modeは拡張子「xhtml」でないといけないのですね・・・ i-modeだけ飛ばすのは簡単にできるのでしょうか？ お忙しいところすみません。 またお返事いただけたらうれしいです。