


IE8 では、スクロールする画像の下のテキストがずれて表示され、IE6、7、FF では正常に表示されます_html/css_WEB-ITnose。
<div class="project"> <div class="project_more"> <a href="Team.aspx?code=myfcitem"> <img src="images/more.gif" /></a></div> <div id="divx1" style="width: 940px;" heigth="155px"> <ul> <table> <tr> <asp:repeater id="rptContentMYFC" runat="server"> <ItemTemplate><td> <li><a href='TeamView.aspx?Key=<%#Eval("id") %>'> <img src='<%#GetImg(Eval("imgPath")) %>' title='<%#Eval("title") %>' width="95" height="100" /></a> <span><%# TFXK.Common.StrHelper.CutString(Eval("title")+"",18) %></span></li> </td> </ItemTemplate> </asp:repeater> </tr> </table> </ul> </div> </div>
.project{ width:943px; height:190px; background-color:Aqua; float:left; background-image:url(images/zt_73.jpg); background-repeat:no-repeat; background-position:1px top; margin-top:20px; display:inline; padding-left:5px; display:inline;}.project_more{height:25px; text-align:right; padding-top:35px; display:inline; width:925px; float:left;}.project ul li{ float:left; width:120px; height:140px; margin:0px 10px; display:inline;}.project ul li a img{ width:90px; height:110px; padding:2px; border:solid 1px #dadada;}.project ul li span{ width:120px; height:30px; float:left; text-align:center; line-height:30px;}
長い間調整しましたが、IE6、7、FFでは、スクロールする画像の下のテキストが常に画像の上に表示されます。すべて正常に表示されます。 (IE6でテキストを表示すると、テキストは正しい位置にありますが、テキストの半分しか表示されません)
ありがとうございます
ディスカッションへの返信(解決策)
そのような書き方は見たことがありません:
< ;ul>
レイアウトに重大な問題があります。
- (途中に他の要素を適用しないでください)
- を使用するか、テーブルを直接使用してください
問題の原因が見つかりました、 IMAGE 要素が BLOCK に設定されていません。その後の SPAN に問題があることが示されています。
IMAGEのdisplay:blockを通常の状態に戻します。
残念ながら、それを解決するには 3 日以上の調査が必要でした。
問題を解決するのは小さな問題ですが、レイアウトが大きな問題です。 。レイアウトを変えて良い習慣を身につけるのもおすすめですこのウェブサイトの声明この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)3週間前 By 尊渡假赌尊渡假赌尊渡假赌R.E.P.O.最高のグラフィック設定3週間前 By 尊渡假赌尊渡假赌尊渡假赌アサシンのクリードシャドウズ:シーシェルリドルソリューション1週間前 By DDDR.E.P.O.誰も聞こえない場合はオーディオを修正する方法3週間前 By 尊渡假赌尊渡假赌尊渡假赌WWE 2K25:Myriseのすべてのロックを解除する方法3週間前 By 尊渡假赌尊渡假赌尊渡假赌ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
ホットトピック
Gmailメールのログイン入り口はどこですか?7450
15
CakePHP チュートリアル1374
52
Steamのアカウント名の形式は何ですか77
11
NYTの接続はヒントと回答です14
7
&lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM
この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合
&lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM
この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。
&lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM
この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex
HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM
記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM
この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。
ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM
この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。
HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM
この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします
&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM
この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。