検索
ホームページウェブフロントエンドhtmlチュートリアルページに CSS の問題があります。最初に入ったときは正常でしたが、更新エラーが発生しました。アドバイスを求めています。 _html/css_WEB-ITnose

CSS レイアウトの更新の問題

私は会社の Web サイトを構築していますが、長い間コードに触れていません。このページ(http://www.dayusw.com/?list-1512.html)では、IE9はレイアウトに入っただけでは正常なのですが、何度か更新を続けると異常になってしまいます。更新を続けると正常になります、このサイクルはどうですか?助けていただければ幸いです。 。

ディスカッションへの返信 (解決策)

これは CSS です

/*案例图片列表*/.art_list { padding-top:30px; padding-left:0px; }.art_list ul {list-style:none; padding:0px; margin:0; }.art_list ul li{ float:left; padding-left:20px;padding-bottom:20px; }.art_list ul li .pic2{ background:url(cp_bog.png) no-repeat; padding-top:5px; padding-left:5px; width:190px; height:132px; }.art_list ul li .pic2 img{ width:170px; height:122px;}.art_list ul li .pic2 img:hover{width:168px; height:120px; border:#DDDDDD solid 1px}.art_list ul li .title2{ width:160px; text-align:center;  padding:10px; }.art_list ul li .title2 a{ font-size:14px }.art_list ul li .title2 span.jg{ float:right; color:#FF3300}/*案例图片列表结束*/

これはテンプレート内のコードです

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>{$GetClassName}-{$GetSiteTitle}</title><meta content="text/html; charset=gb2312" http-equiv=Content-Type><meta content="{$GetClass_Meta_KeyWord}" name="keywords" /><meta content="{$GetClass_Meta_Description}" name="Description" /><link href="{$GetInstallDir}img/index.css" type=text/css rel=stylesheet><script src="{$GetInstallDir}ks_inc/common.js" type="text/javascript"></script><script type="text/javascript" src="{$GetInstallDir}img/jquery-1.4.2.min.js"></script><script type="text/javascript" src="{$GetInstallDir}img/swfobject.js"></script><SCRIPT type=text/javascript>						var params = {};			params.allowscriptaccess = "always";			params.allownetworking = "all";			params.wmode = "transparent";			var attributes = {};			attributes.id = "bar_swf";			attributes.wmode = "transparent";			swfobject.embedSWF("{$GetInstallDir}img/bar_swf.swf", "bar_swf", "1000", "200", "9", '', params,attributes);</SCRIPT></head><body>{LB_头部通用}<div class="main">    <div class="wart">    <div><div id="bar_swf"></div></div>    <table width="100%" border="0" cellspacing="0" cellpadding="0"  class="art_main">      <tr>        <td width="220" height="500" valign="top" class="left_bg"  >                <div class="dhbt2"></div>        <div class="dhbt"></div>        <div class="left_m">              {LB_栏目导航}       </div>                                </td>        <td width="20"></td>        <td valign="top">           <div class="pageurl"><span class="url">{LB_位置导航}</span></div>           <div class="art_list_title">{$GetClassName}</div>           <div class="art_list">           <div class="list_pic">{LB_穿插图片}</div>	   <br/><div class="clr"></div>{LB_终级文章列表}           </div>           <div style="height:50px;"></div>          </td>      </tr>    </table>    </div></div>{LB_底部通用}</body></html>

キャッシュをクリアして確認してください

キャッシュをクリアして確認してください 私の IE は閉じた後に自動的にクリアされるように設定されています。しかし、問題は残っています。互換性の問題でしょうか?現在、WIN7 64 ビット、IE9 および Aoyou 4.1 を使用しています

ご指摘のページをテストするために IE9 を使用しましたが、ご指摘のような問題はありません。
IE が継続的に更新され、2 回の更新の間隔が短い場合、Web サイトを見つけて F5 キーを押し続けると、前述の状況が発生することにも注意してください。 。

ご指摘のページを IE9 を使用してテストしましたが、ご指摘のような問題はありません。
IE が継続的に更新され、2 回の更新の間隔が短い場合、Web サイトを見つけて F5 キーを押し続けると、前述の状況が発生することにも注意してください。 。 大丈夫ありがとう。 。 。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTML、CSS、およびJavaScript:例と実用的なアプリケーションHTML、CSS、およびJavaScript:例と実用的なアプリケーションMay 09, 2025 am 12:01 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造の構築に使用されます。 2。CSSは、Webページの外観を美化するために使用されます。 3. JavaScriptは、動的な相互作用を実現するために使用されます。タグ、スタイル、スクリプトを通じて、これら3つは最新のWebページのコア関数を構築します。

Lang属性をタグにどのように設定しますか?なぜこれが重要なのですか?Lang属性をタグにどのように設定しますか?なぜこれが重要なのですか?May 08, 2025 am 12:03 AM

タグのLang属性を設定することは、WebアクセシビリティとSEOを最適化する重要なステップです。 1)ラング属性をタグに設定します。 2)多言語コンテンツでは、ようなさまざまな言語パーツのLang属性を設定します。 3)「EN」、「FR」、「ZH」などのISO639-1標準に準拠する言語コードを使用します。Lang属性を正しく設定すると、Webページと検索エンジンランキングのアクセシビリティが向上します。

HTML属性の目的は何ですか?HTML属性の目的は何ですか?May 07, 2025 am 12:01 AM

htmlattributeSareSientionalentionalentionalentionalentiallyance'functionalityandappearance.theyaddinformationtodefinebehavior、light、and interaction、makewebsitesteractive、responsive、andviseallyappaleal.attributeslikesrc、href、class、型、およびdoadabledransform

HTMLでリストを作成するにはどうすればよいですか?HTMLでリストを作成するにはどうすればよいですか?May 06, 2025 am 12:01 AM

toreatealistinhtml、useforunorderedlistsandfororderedlists:1)forunorderedlists、wrapitemsinanduseforeachitem、renderingasabulletedlist.2)

HTMLアクション:Webサイト構造の例HTMLアクション:Webサイト構造の例May 05, 2025 am 12:03 AM

HTMLは、明確な構造のWebサイトを構築するために使用されます。 1)Webサイト構造などのタグを使用し、定義します。 2)例は、ブログとeコマースのウェブサイトの構造を示しています。 3)誤ったラベルネスティングなどの一般的な間違いを避けてください。 4)HTTP要求を削減し、セマンティックタグを使用してパフォーマンスを最適化します。

HTMLページに画像を挿入するにはどうすればよいですか?HTMLページに画像を挿入するにはどうすればよいですか?May 04, 2025 am 12:02 AM

to inertanimageintoanhtmlpage、usethetagwithsrcandaltattributes.1)usealttextforaccessibilityandseo.2)emplencesrcsetForresponsiveimages.3)applylazyloadingwithloading = "lazy" tooptimizeperformance.4)

HTMLの目的:Webブラウザがコンテンツを表示できるようにするHTMLの目的:Webブラウザがコンテンツを表示できるようにするMay 03, 2025 am 12:03 AM

HTMLの中心的な目的は、ブラウザがWebコンテンツを理解して表示できるようにすることです。 1。HTMLは、タグなどのタグを介してWebページの構造とコンテンツを定義します。 3.HTMLは、ユーザーの相互作用をサポートするフォーム要素を提供します。 4. HTMLコードの最適化は、HTTP要求の削減やHTMLの圧縮など、Webページのパフォーマンスを改善できます。

Web開発にとってHTMLタグが重要なのはなぜですか?Web開発にとってHTMLタグが重要なのはなぜですか?May 02, 2025 am 12:03 AM

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1)theydefineLayout、semantics、and-interactivity.2)semanticagsimprovecessibility.3)opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン