• 締切済み

IEでIPアドレスとドメイン名での表示の違い

同じWebページでも、以下のようにURLの違いによって表示が異なるという現象が出ています。  http://[ドメイン名]/・・・  http://[IPアドレス]/・・・ 環境は  WindowsXP SP2  IE8.0 です。 表示が異なったhtmlソースは以下の通りです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <table width="100" border="1"> <tr> <td> <span style="word-break:break-all;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </td> </tr> </table> </body> </html> このソースをIPアドレスでアクセスして表示すると「aaa・・・」の部分が自動改行されないのですが、ドメイン名でアクセスして表示すると自動改行されます。 1.何故このような表示の違いが起こるのか 2.解決方法はあるのか をどなたかご存知ないでしょうか? ちなみに、xhtmlの定義(DOCTYPE)を削除すると、IPアドレス・ドメインどちらでも自動改行されます。 また、上記ソースだけではなく、時折他のスタイルシート定義でも表示の違いが起こります。

みんなの回答

noname#124020
noname#124020
回答No.1

word-break を使わずにspan をdiv に変えて幅を直接指定すれば良いのではないでしょうか?コレが完璧と言い切る自信はありませんが、経験からもっとも無難かと思います。 というのも、ご指摘のトラブルは当方の環境では再現できなかったからです。localhost、自宅サーバー、virtualhost とIE,firefox,googlechrome と、DTD を変えたりmeta タグ入れてみたり試しましたが(windows7、XP mode)。 もしCSS について始められたばかりであれば、これがブラウザ毎に異なる実装になっていて、信頼しきってはいけない事を覚えておいてください。

maya-c
質問者

お礼

いろいろと試していただいたようで、ありがとうございます。 やはり私の環境だけなんですね・・・。 実は仕事でWebシステムの開発をしており、チームメンバーは全員同じ現象が出ています。そのような状態なので、IPアドレスとドメイン名、どちらの表示を信じて作業すればよいのか分からず、困っています。とりあえず両方同じ表示になるようにHTMLやCSSを修正して合わせています(掲載したソースはspanをdivに変えるだけでOKでした)が、手間が掛かるし、本当にそれで他のユーザーが見たときに正しい表示になるのかもはっきりしないので、不安です。 ですので、何か解決策があれば、と思っているのですが・・・。 解決策でなくても、「同じ現象が出た」という方がいらっしゃれば、情報をお寄せいただくと嬉しいです。 ちなみに、divで幅指定しても、英数字は自動改行されないのではないですか? ↓こんな感じですよね <div style="width:100px;">aaaaaaaaaaaaaaaaaaaaaaaaaaa</div> こちらの環境では、自動改行されませんでした。

maya-c
質問者

補足

自己解決しました。 申し訳ないことに、質問の内容が正確ではありませんでした。 正しくは、「ローカル環境にあるWebサイトに「IPアドレス」と「コンピュータ名」でアクセスした時に表示が変わる」でした。 IE8以降からの機能である互換表示の初期設定が、「イントラネット接続をした場合は互換表示モードで表示する」となっており、 ・IPアドレス→インターネット接続→互換表示でない ・コンピュータ名→イントラネット接続→互換表示になる ことにより、表示に差が出ていました。 1年以上たって、やっと解決しました。お騒がせして申し訳ありません、ありがとうございました。

関連するQ&A

  • ie6で画像のpaddingを表示させたい

    seesaaブログユーザーです。 seesaaはxhtmlで記述しているようでソースの先頭は 1:<?xml version="1.0" encoding="Shift_JIS"?> 2:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (1:は一行目, 2:は二行目であることを表しています) のようになっています。 これを 1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> もしくは 1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2:<?xml version="1.0" encoding="Shift_JIS"?> としても問題ないのでしょうか? と、質問させていただいた理由は 画像に枠をつけたいと思って、cssでimgにpaddingを指定したのですが ie6では表示されないのでこれを何とかしたいからです。 http://www.koikikukan.com/archives/2006/03/11-015552.php の記事を参照してわかったのですが、 この状態ですと画像のpaddingがie6では適用できないのですね。 そこで、記事にあるようにdoctype宣言を先頭に持っていくと ie6でも表示されるようになりました。 ということで、 「<?xml version="1.0" encoding="Shift_JIS"?>」 の扱いについて質問させていただきます。

    • ベストアンサー
    • XML
  • IEとIE以外のブラウザで表示内容を変えたい

    初めて質問させていただきます。情報に不足があったらすみません。 追加表示させていただきます。 色々調べましたが、Javascriptで、どうしても、実現できないので、 どなたか、ご教授いただけませんでしょうか・・・。 XHTMLのファイルだと、IEだとちゃんと表示されないので、 IEとIE以外のブラウザで下記のようにリンク先ファイルの種類をかえたいとおもっています。 (1)IE以外 : A.html これは → <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (2)IE :B.html これは→ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> クリックするとリンク先が開くヘルプファイルのようなものなのですが、 ブラウザによって、クリックしたときに開くHTMLファイルを変えたいのですが 可能でしょうか・・・。 色々調べましたがどうしてもわかりませんでした。 どなたかご教授いただけたら、本当にとてもありがたいです。 どうぞよろしくお願いします。

  • hp作成 Firefox javascript dreamweaver

    dreamweaverでHPを作成する時に <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> が入力されています。 この<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">が入力されているとFirefoxでjavascriptを表示できません。 Firefoxでjavascript表示したい時(DTD)はどのような表示が良いでしょうか?

  • IEでのalt属性ポップアップ表示について

    img属性でカーソルをのっけた時にポップアップで表示される文字がありますよね? 普通はtitle属性の文字がそこに反映されるわけですが、IEの仕様ではalt属性でも表示されます。 ただ、同じalt属性だけでも IE上でポップアップ表示されるサイトとされないサイトがあります。 宣言の違いかと思い両方のソースを見ました。 共通で <!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"> になっています。 なぜか片方のサイトはalt属性だけで表示 片方はaltでは表示されない。 この違いは何なんでしょう CSSで設定でもしてるのでしょうか? また、ポップアップされてなくても 通常は出ないのが普通、というかソースには書いてあるので SEO上は問題ないですよね? よろしくお願いします。

    • ベストアンサー
    • HTML
  • DOCTYPE宣言は厳密に気にするべきか??

    現在WEBを独学で学んでおります。 そこでDOCTYPE宣言についていくつか疑問に思いました。 ひとつでもわかる方はご回答頂ければ幸いです。 1.<!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"> の内容で記述(XHTML 1.0 Transitionalで記述)することは可能ですか?? つまり、HTML 4.01 Transitionalを宣言して終了タグなど、XHTML 1.0 Transitionalの方式で書いても正確に表示されるかを知りたく思って おります。 2.DOCTYPE宣言を書いてないサイトが多く見受けられますが、 この場合はどのようにDOCTYPE宣言と捉えられるのでしょうか? また、この場合のデメリットとかはありますでしょうか?? 以上、わかる方いましたらよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 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
  • 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>

  • GoogleChromeでxml宣言が消える?

    GoogleChromeでソース表示を行うと1行目に表示されるはずのxml宣言が表示されません。 例えばIE7で神奈川県のサイト(http://www.pref.kanagawa.jp/)をソース表示すると <?xml version="1.0" encoding="Shift_JIS"?> <!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"> となりますが、同じサイトをGoogleChromeでソース表示すると <!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"> と1行目にあるはずのxml宣言が消えて2行目の空行から始まっています。 だからなんだと言われると困るのですが・・・IE6対策でphpの条件分岐でIE6以外の場合のみ表示としているはずが、あれ?と言う状況です。 ソースや表示そのものがおかしくなるわけではないと思いますが、最初は条件分岐が間違っているのかと悩みました。 これはきちんと表示させる方法があるのか、もしくはそういう仕様なのか、実は他のソースもちゃっかり修正されちゃってたりしないのか、どんなもんでしょう。

    • ベストアンサー
    • HTML
  • 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
  • ホームページビルダー10のバグ??

    勝手にhtmlを省略してしまい困っています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> と書いて保存しもう一度見ると <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> だけになってしまいます。百歩譲ってこれでもhtml適には 問題ないかと思うのですが勝手に省略させないようにする方法は ないでしょうか?