ÔÚfirefoxÓëIEÏÂDIV+CSS PaddingЧ¹û²»Í¬µÄ½â¾ö·½·¨
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
ÒÔÉÏ´úÂëÔÚIEÖкÍfirefox»áÓв»Í¬µÄЧ¹û.×îÖ÷ÒªÔÒòÊÇfirefox½âÊÍpadding-topÓëIEµÄЧ¹û²»Í¬
fixfox¶ÔDIV×ܸ߶ÈÊÇpadding-top+heightµÄ,¶øIEÖÐ,padding-topÊǰüº¬ÔÚheightÖеÄ,
Òª½â¾öÕâÒ»¸öì¶Ü,¿ÉÒÔÀûÓÃ!important
padding-top:5px;
height:10px !important;
height:15px;
ÒÔÉ϶¨ÒåÁËÁ½¸öheight, ÆäÖÐÒ»¸öºóÃæ¼ÓÁË!important , IE½«»áºöÂÔÕâ¸öÊôÐÔ,¶øÊ¹ÓúóÃæµÄheight:15px; ¶øfirefoxÈ´²»»áºöÂÔÕâ¸öÊôÐÔ, Ö±½ÓʹÓÃheight:10px
ÕâÑù¾Í¿ÉÒÔºÜÇÉÃîµÄ½â¾öÕâ¸öÎÊÌâ
Ïà¹ØÎĵµ£º
cssÔ²½Çbox±¸Íü <style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r {display:block;background: #fff} ......
µÚÈý²½ÊǶ¨ÒåÄãµÄÓïÑÔ±àÂ룬ÀàËÆÕâÑù£º
¡¡¡¡<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
ΪÁ˱»ä¯ÀÀÆ÷ÕýÈ·½âÊͺÍͨ¹ýW3C´úÂëУÑ飬ËùÓеÄXHTMLÎĵµ¶¼±ØÐëÉùÃ÷ËüÃÇËùʹÓõıàÂëÓïÑÔ£¬ÎÒÃÇÒ»°ãʹÓÃgb2312(¼òÌåÖÐÎÄ)£¬ÖÆ×÷¶à¹úÓïÑÔÒ³ÃæÒ²ÓпÉÄÜÓÃUnicode¡¢ISO-8859-1µÈ£¬¸ù¾ÝÄãµÄÐ ......
SpriteMeÊÇGoogleµÄÒ»¸ö¿ªÔ´ÏîÄ¿£¬¿ÉÒÔÓÃÀ´·½±ãµØÕÒ³öÒ»¸öÒ³ÃæÖÐËùʹÓõÄͼƬ£¬È»ºó¿ÉÒÔ½«ËùÒÔͼƬºÏ²¢µ½Ò»¸ö“Sprite”ͼƬ£¬È»ºóÔÙͨ¹ý
CSS¿ØÖƵ÷ÓÃÄÄÒ»¸öÇøÓò£¬ÆäÌṩÁËÒ»¸öÍøÕ¾À´°²×°£¬ÑÝʾʹÓ÷½·¨£¬http://spriteme.org/ ¡£
°²×°·½·¨ºÜ¼òµ¥£¬°´ÕÕÉÏÃæÄǸöÒ³ÃæÉϵÄÌáʾ£¬½«Ò»¸öÁ´½ÓÍϵ½“ÊéÇ©¹ ......
1¡¢css¿ò¼Ü
ÖйúµÄ»¥ÁªÍøÐÐÒµÒѾ·¢Õ¹ÁË10Ä꣬ä¯ÀÀÆ÷Ò²´Ó×îÔçÁ÷ÐеÄNSµ½ÏÖÔÚµÄFF3.IE7µÈµÈ……ǰ¶Ë¿ª·¢¹¤³ÌʦµÄְλҲµ®ÉúÁË¡£½ü¼¸ÄêÔÚweb¿ª·¢ÖУ¬Óиö·Ç³£»ðµÄ´Ê——“¿ò¼Ü”¡£YUI¡¢JQuery¡¢PrototypeÕâЩjavascript¿ò¼ÜÔÚ¿ª·¢ÍøÕ¾Ê±£¬È·Êµ³ÉΪǰ¶Ë¿ª·¢¹¤³ÌʦµÄÊÖÖÐÀûÆ÷¡£ÎªÊ²Ã´ÄØ£¿Òò ......