メニュー部が下の方にづれてしまいます。

不具合と思われるような現象についての話題はこちらへ
フォーラムルール
・投稿の前に同じ質問がないかを「検索」しましょう。
・よくある質問やオンラインヘルプに同様のケースがないか読んでみましょう。
・適切な掲示板で質問しましょう。
・回答者が答えやすいようにできる限り質問は詳細かつ簡潔に書きましょう。
・丁寧に質問・回答しましょう。できれば結果、経過も書いて他の方が参考にできるようにしましょう。

動作に関する質問の場合には、OS,IE,紙copiのバージョンも忘れずにお書きください。

メニュー部が下の方にづれてしまいます。

投稿記事by jin » 2010年4月19日(月) 01:42

お問い合わせ・不具合の御連絡などの場合には下記の情報を必ずお書きください。
・Windowsのバージョン:
・Internet Explorerのバージョン:
・紙copiのバージョン:
お問い合わせ・不具合の御連絡などの場合には下記の情報を必ずお書きください。
・Windowsのバージョン:WindowsXP SP3
・Internet Explorerのバージョン:IE8/Firefox3.5.3
・紙copiのバージョン:2.91

以下の様な、左もしくは右にメニューを持つ様なblogページを、
http://www.human-performance.co.jp/
ページ全体で取りこむと、メニュー部分がページの下の方に
づれて表示されてしまう。

kami Dataに取り込まれたデータをIEで開いても同じ現象となりますが、
同様にFirefoxで開くと、正常に表示されます。

紙copiの問題では無く、ブラウザによるHTMLの解釈の違いでしょうか?
jin
 
記事: 2
登録日時: 2010年4月19日(月) 01:22

Re: メニュー部が下の方にづれてしまいます。

投稿記事by mi-ke » 2010年4月19日(月) 17:18

お問い合わせ・不具合の御連絡などの場合には下記の情報を必ずお書きください。
・Windowsのバージョン:
・Internet Explorerのバージョン:
・紙copiのバージョン:
jinさん、例示頂いたページでの現象再現しました。
取り込んだHTMLの表示で左メニューがずれて表示される原因ですが、現状の紙copiが
取り込み元ページのDOCTYPE宣言を維持した状態で取り込むことに対応していないため、
ネット上の取り込み元ページをブラウザで表示した際のレンダリングモードと
紙copiで取り込まれたHTMLを表示した際のレンダリングモードが異なる状態になっており、
結果として、表示結果にずれがある状態になっています。

具体的には、今回の取り込み元ページではHTMLファイルのソースにおいて
以下のXHTML 1.0 TransitionalのDOCTYPE宣言(XML宣言はなし)が記載されています。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">

この書式のDOCTYPE宣言が記載されている場合、IE8では「標準モード」にて
ページを解釈・表示するようになっており、また、このページのCSSによるスタイル指定も
「標準モード」によるレンダリングを前提としてなされています。

それに対して、現状の紙copiでは取り込み元ページのDOCTYPE宣言を維持して
取り込むことに対応していないため、取り込んだHTMLのソースでは
上記のDOCTYPE宣言は存在しない状態になります
そして、IEではDOCTYPE宣言が存在しないHTMLは「互換モード」にて表示しますので、
IEの内部コンポーネントを利用してHTML表示している紙copiでの表示も
「互換モード」表示になります。
この「標準モード」と「互換モード」の違いが今回の左メニューの表示位置ずれを
引き起こしています。
(恐らくmarginやpaddingなどのwidth値の解釈の違いが問題と思います)
なお、FirefoxでもIE同様「互換モード」にて表示されていますが、IEの互換モードとFirefoxの
互換モードでは解釈に違いがありますので、今回はFirefoxではずれない結果になっています。


現時点での対応方法としては、お手数ですが、取り込んだHTMLをソースモードにて表示し、
ファイルの先頭行に
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
このDOCTYPE宣言を挿入して頂ければと思います
(途中で改行表示されているかも知れませんが一行のテキストです。
「//EN"」の後に半角空白が1つ、その後に「"http://www.w3.org/TR」以下が続きます)。

なお、DOCTYPE宣言を維持した取り込みへの対応は、今後の取り込み機能の
改良時に検討したいと思います。
mi-ke
管理人
 
記事: 159
登録日時: 2009年4月08日(水) 21:40

Re: メニュー部が下の方にづれてしまいます。

投稿記事by jin » 2010年4月20日(火) 02:06

お問い合わせ・不具合の御連絡などの場合には下記の情報を必ずお書きください。
・Windowsのバージョン:
・Internet Explorerのバージョン:
・紙copiのバージョン:
お問い合わせ・不具合の御連絡などの場合には下記の情報を必ずお書きください。
・Windowsのバージョン:
・Internet Explorerのバージョン:
・紙copiのバージョン:

原因追求ありがとうございました。

紙copiに取りこんだ時に、オリジナルにあるDOCTYPEタグは
取り込んでいないのですね?(理由は良く分かりませんが)

レンダリングモードにも標準モードと互換モードというのがあり、
IEとFirefoxでも解釈が違うというのは勉強になりました。
ブラウザーベンダーさんは何を正にしたら良いのか困りますね。

ちなみに最近はビジネスblogが流行ってきているせいか、
こういったホームページも増えてきています。

紙copiは使い方が単純で非常に便利ですので重宝しております。
jin
 
記事: 2
登録日時: 2010年4月19日(月) 01:22


Return to 紙copi 不具合報告



cron