Yahoo!ブログの取り込みでレイアウトがくずれる

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

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

Yahoo!ブログの取り込みでレイアウトがくずれる

投稿記事by Nori » 2010年5月08日(土) 02:33

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

初めまして。Noriと申します。
しばらく体験版を使わせて頂いたのちに購入させて頂きました。
ちょっとしたウェブの取り込み(特にブログ)に使用しているのですが
数あるソフトの中でもこの紙copiが一番再現度が高く、今ではとても重宝しております。

さて、今回ご相談したいのは、Yahoo!ブログを取り込んだ後にそのデータを開くと
レイアウトが崩れてしまうという問題です。
詳しくは

・左側にあるメニューが下方へずれてしまう。
・右下コメント欄の顔アイコンと文章がずれてしまう。
・背景等の画像が取り込めていない。

以上の3点です。
最後の画像に関しては、ブログの特性上の問題である可能性が高いので
半ばあきらめてはいます。
もし可能であれば取り込めるようにしていただきたいですが。

こちらのトピックで同様の報告があり、その解決方法として

・ソースと同じ「DOCTYPE」を頭に挿入する。
・スタイルシートの文字化けがあった場合は削除する。

以上の2点があげられていました。
同じように修正を施してみましたが結果は変わらず表示はずれたままでした。
スタイルシートやHTMLにあまり詳しくありませんので私としてはこれが限界です。
次回のバージョンアップで修正頂ければ幸いです。

それまでの間、もしよろしければ今まで取り込んだものを修正する方法を検証頂ければ
大変ありがたいのですが。
よろしくお願い致します。

取り込んだURL: http://blogs.yahoo.co.jp/boooy2005/61176340.html
埋め込んだDOCTYPE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
文字化けを起こしていたCSS: s150m.css
Nori
 
記事: 3
登録日時: 2010年5月08日(土) 01:40

Re: Yahoo!ブログの取り込みでレイアウトがくずれる

投稿記事by mi-ke » 2010年5月10日(月) 21:13

Noriさん、御報告の現象につき、再現を確認しました。
詳細な御連絡有り難う御座います。

・左側にあるメニューが下方へずれてしまう。
・右下コメント欄の顔アイコンと文章がずれてしまう。
・背景等の画像が取り込めていない。

上記三点のうち、一部画像が取り込めない現象については詳細な確認を
これからさせて頂きますが、レイアウトずれについては、
取り込まれたHTMLファイルの先頭(「<!- saved url~」の一行前、ファイル名次行)に
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
再度上記テキストを挿入してからお試し下さい。
上記テキストを挿入後もレイアウトに崩れがある場合には、
<meta http-equiv="X-UA-Compatible" content="IE=7" />
このテキストを「<HEAD>」タグの直後に挿入して御確認下さい。
もしこれでもだめな場合には、Firefox3.6にて、Firefox向け紙copiアドオンを導入し、
右クリックメニュー経由で取り込みをお試して頂ければと思います。
mi-ke
管理人
 
記事: 159
登録日時: 2009年4月08日(水) 21:40

Re: Yahoo!ブログの取り込みでレイアウトがくずれる

投稿記事by Nori » 2010年5月11日(火) 22:28

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

御検証と御連絡ありがとうございました。
教えていただいた修正方法を先程試してみました。

(1)取り込まれたHTMLファイルの先頭に「<!DOCTYPE HTML PUBLIC~」を挿入する。
この方法では変化はなく、レイアウトは崩れたままでした。

(2)「<HEAD>」の直後に「<meta http-equiv~」を挿入する。
こちらの方法でレイアウトの崩れが解消されました!
また(1)の修正は施さず、(2)のみでも大丈夫でした。

(3)FireFoxで取り込みをする。
念のためこちらでも試してみましたところ、無事に取り込むことができ、レイアウトの崩れも
ありませんでした。

ですがIEではダメでFireFoxでは大丈夫というのは、どういうことなのでしょうか?
少し疑問が残ります。
描画エンジンの関係、でしょうか。。。?
Nori
 
記事: 3
登録日時: 2010年5月08日(土) 01:40

Re: Yahoo!ブログの取り込みでレイアウトがくずれる

投稿記事by mi-ke » 2010年5月12日(水) 21:21

Firefoxで取り込んだ場合に大丈夫なのは、
<meta http-equiv="X-UA-Compatible" content="IE=7" />
が取りこまれたHTMLにも残された状態になるため、
自ら追記しなくても紙copiやIEで表示した際にIE7標準モードで
開かれることによります。
IEとアドオン導入済みのFirefoxでは取りこみ処理に違いがあるので、
今回のように同じ結果にはならないことがあります。

なお、この取り込み元ページはYahooブログを用いていますが、
Yahooブログから画像を保存しようとしても保存できない現象は
数多く報告されているようで、今回画像が取りこめない現象も
このことが関係している可能性はあります。
http://tooljp.com/qa/2DB5DD2D6ED9DE4B49 ... 0F76E.html
http://detail.chiebukuro.yahoo.co.jp/qa ... hie_detail
mi-ke
管理人
 
記事: 159
登録日時: 2009年4月08日(水) 21:40

Re: Yahoo!ブログの取り込みでレイアウトがくずれる

投稿記事by Nori » 2010年5月27日(木) 00:46

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


お返事が遅くなってしまい申し訳ありません。

IEとFirefoxとでの取り込みの違いの理由と、Yahoo!ブログでの画像が取り込めない件のご説明、
どうもありがとうございました。
なんとなくではありますが、納得することができました。

もし修正可能であるならば、今後のアップデートの際にこの2点の修正もご検討頂ければ
と思います。
お忙しいところどうも有難うございました。
Nori
 
記事: 3
登録日時: 2010年5月08日(土) 01:40


Return to 紙copi 不具合報告



cron