リンクアシスタント サポート掲示板

相互リンク集支援ツール リンクアシスタント
| スレッド一覧 | 新規スレッド | 留意事項 | ワード検索 | 過去ログ | 管理用 |   

このスレッドはロックされています。記事の閲覧のみとなります。

サポート掲示板 一覧 > 記事閲覧

文字列が崩れる
日時: 2006/04/16 08:26
名前: Take

相互リンク先の相手から文字のレイアウトが崩れていると指摘がありました。

例えば
こんな
感じ
です。

他の方からはそういった指摘がなく、自分のPCでは正常に表示されます。ということはやはり指摘してきた方のブラウザの問題なのでしょうか?
メンテ
Page: [1]

Re: 文字列が崩れる ( No.1 )
日時: 2006/04/16 10:14
名前: 管理者
参照: http://la.aulta.net/

出力後のリンク集においてレイアウトが崩れるというのは、ベースファイルの指定が正しくない可能性があります。

なので、Takeさんのリンク集を見てみないことには適切な回答を答えることができません。


ベースファイル、もしくは出力設定のオリジナルタグの記述が正しいか確認してみてください。
もしリンク集のURLを示して頂けるなら、私のほうで確認して問題点を指摘することはできます。

>自分のPCでは正常に表示されます。ということはやはり指摘してきた方のブラウザの問題なのでしょうか?

Takeさんは、IEをお使いでしょうか?
9割方の人は、IEを使っているのでこれまでに指摘がなかったのだと思います。

FireFoxなど他のブラウザでは、HTMLの解釈の仕方がIEと少し異なるため、IEでは正常でも他のブラウザでは崩れるということは当たり前のようにあります。

IEでしか確認していないのであれば、リンク集以外のページも含めて、一度他のブラウザでどのように表示されているか確認してみることをオススメします。
メンテ
Re: 文字列が崩れる ( No.2 )
日時: 2006/04/18 07:34
名前: Take

自分はIEを使っています。

他のブラウザでは確認をしていません。

ちなみにリンク集は
http://koganemushi.net/friends/index.html
です。

何かおかしな点があればご指摘頂けると助かります。
メンテ
Re: 文字列が崩れる ( No.3 )
日時: 2006/04/18 11:14
名前: 管理者
参照: http://la.aulta.net/

FireFoxで確認したところ
http://la.aulta.net/kogane.jpg
このように表示されます。

原因は、

<!--サイトジャンル-->
<table width="100%" border="2" cellspacing="0" cellpadding="2" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#ccccff">

ここにあるようです。
今から外出のため急いでいるのでこれくらいしか書けませんが、夕方には帰宅するのでまた後で見てみたいと思います。

メンテ
Re: 文字列が崩れる ( No.4 )
日時: 2006/04/18 22:35
名前: 管理者
参照: http://la.aulta.net/

原因が分かりました。

<table width="100%"

この部分の%が全角になっています。その為、100パーセントではなく、100の部分しか解釈されずに幅100ピクセルというように解釈されているものと思われます。

%を半角に書き換えてみてください。

Takeさんの他のページをいくつか見てみましたが、これと同様の問題と思われるページがありました。
(生命保険のページなど)

IEの場合はこういうところも目をつむってくれますが、IE以外の場合は正確なHTMLの記述が求められます。

CSSを利用する場合は、特にブラウザによって解釈のされ方が違ってくるものがありますので、レイアウト崩れを防ぐためにも、IE以外のブラウザもインストールして双方で確認しながらページ作りを行うことをオススメします。

あと気になったところ・・・
先頭の
<html lang="ja">
<head><head>
の部分の2つめの<head>は不要ですので削除してください。
メンテ
Re: 文字列が崩れる ( No.5 )
日時: 2006/04/18 22:53
名前: Take
参照: http://koganemushi.net/

わざわざご親切にありがとうございます

自分でもFireFoxをインストールして確認してみました。管理人様のおっしゃるとおりでした。
今後このようなことがないように、この際すべてのページを対象に見直してみます。

お手数おかけしましたm(__)m
メンテ

Page: [1]




Copyright(C) 2005 LinkAssistant All Right Reserved.