มาแนะนำหน่อย
ตัวอย่างที่ 1
<!--CSS-->
<link rel="stylesheet" type="text/css" media="screen" href="http://squaredeye.com/textpattern/css.php?s=default" />
<link rel="stylesheet" type="text/css" media="print" href="http://squaredeye.com/textpattern/css.php?s=print" />
<link title="RSS" type="application/rss+xml" href="/rss/" rel="alternate"/>
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="http://squaredeye.com/css/ie.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="http://squaredeye.com/css/ie7.css" />
<![endif]-->
ตัวอย่างที่ 2
<link type="text/css" rel="stylesheet" media="screen" href="/css/styles.css" />
<link type="text/css" rel="stylesheet" media="print" href="/css/print.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->
ตัวอย่างที่ 3
<link rel="stylesheet" type="text/css" href="/css/main.css" />
<link href="/stylesheets/main.css?1190586962" media="screen" rel="Stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="/stylesheets/ie7.css?1190586962" media="screen" rel="Stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
<link href="/stylesheets/pngfix.css?1190586962" media="screen" rel="Stylesheet" type="text/css" />
<link href="/stylesheets/ie6.css?1190586962" media="screen" rel="Stylesheet" type="text/css" />
<![endif]-->
ตัวอย่างที่ 4
<link href="styles/style_index_escriptorlite.css" rel="stylesheet" type="text/css" />
<!--[if IE ]>
<style type="text/css">
#container{top:50%}
#inner{top:-50%;position:relative;}
</style>
<![endif]-->
ลองใช้ if ช่วย ดูน่ะครับ แล้วปัญหาจะหมดไป
อื่นๆ
