- PR -

Operaの画像リンクの位置ズレについて

1
投稿者投稿内容
ひろ
ベテラン
会議室デビュー日: 2003/12/26
投稿数: 97
投稿日時: 2007-05-30 12:28
ＩＥ，ＮＳ，FireFoxなどでは問題なく表示できるのですが，
opera（9.20）では画像リンクが上部へズレてしまい，
前記上部に表示しているオブジェクトに被ってしまいます。

operaに合わせて修正すると，今度はその他のブラウザでズレてしまい悩んでいます。
operaのバグなのでしょうか。バグであればそれを証明できれば良いのですが，
公式のサポートで検索したところそれに該当するものを検出することができませんでした。

上記バグの証明方法，若しくは修正方法をご教授お願致します。

[version]
opera：9.20
ＮＳ：7.0
ＩＥ：6.0
FireFox：1.0.7
AMD286
常連さん
会議室デビュー日: 2007/04/27
投稿数: 23
お住まい・勤務地: 兵庫県
投稿日時: 2007-05-30 12:53
表示させているものは何でしょうか？
DOCTYPE宣言、CSS、該当部分のソースはどのように定義されていますか？
ぶさいくろう
ぬし
会議室デビュー日: 2005/11/22
投稿数: 1232
お住まい・勤務地: 川崎市（は俺も含めてロクな人間が住んでないよｗ）
投稿日時: 2007-05-30 13:01
vertical-alignとかかな。
ひろ
ベテラン
会議室デビュー日: 2003/12/26
投稿数: 97
投稿日時: 2007-05-30 13:04
引用:

AMD286さんの書き込み (2007-05-30 12:53) より:
表示させているものは何でしょうか？
DOCTYPE宣言、CSS、該当部分のソースはどのように定義されていますか？


ご返答ありがとうございます。

下記ソースの「表示サービス名称」の部分が上段で，
"../jsp/common/img/xxx.gif"のimgが下段となっています。

imgが上段の表示サービス名称に被っている事象が発生しています。


*******************ソース***************************************
<tr>
<td>
<A href="JavaScript:goOpenPage('http://xxx/index.html')" class="sname">表示サービス名称<BR><img src="../jsp/common/img/xxx.gif"></A>
</td>
</tr>


AMD286
常連さん
会議室デビュー日: 2007/04/27
投稿数: 23
お住まい・勤務地: 兵庫県
投稿日時: 2007-05-30 14:05
　省略されている部分を想像で補い、Opera 9.20で試しましたが再現しませんでした。

コード:
<html>
 <head>
  <title>TEST</title>
 </head>
 <body>
  <table><tr><td>
     <A href="JavaScript:goOpenPage('http://xxx/index.html')" class="sname">表示サービス名称<BR><img src="xxxxxx.gif"></A>
  </td></tr></table>
 </body>
</html>


　CSSに問題があるのではないでしょうか？
ひろ
ベテラン
会議室デビュー日: 2003/12/26
投稿数: 97
投稿日時: 2007-05-30 15:12
引用:

AMD286さんの書き込み (2007-05-30 14:05) より:
　省略されている部分を想像で補い、Opera 9.20で試しましたが再現しませんでした。

コード:
<html>
 <head>
  <title>TEST</title>
 </head>
 <body>
  <table><tr><td>
     <A href="JavaScript:goOpenPage('http://xxx/index.html')" class="sname">表示サービス名称<BR><img src="xxxxxx.gif"></A>
  </td></tr></table>
 </body>
</html>


　CSSに問題があるのではないでしょうか？


ご返答ありがとうござます。
おそらくご指摘の通りＣＳＳに問題があるのかと思います。

根本的解決策ではないですが，
imgタグに「style="padding-top: 1px;"」左記指定をする事により
解決できました。

大変お騒がせしました。
ありがとうございます。




じゃんぬねっと
ぬし
会議室デビュー日: 2004/12/22
投稿数: 7811
お住まい・勤務地: 愛知県名古屋市
投稿日時: 2007-05-30 15:28
ブラウザによって初期値が異なるため、

コード:

    * {
        border  : none;
        margin  : 0;
        padding : 0;
    }

などと良く書いています。

_________________
C# と VB.NET の入門サイト
じゃんぬねっと日誌
1

スキルアップ／キャリアアップ（JOB@IT）