網站制作應該使用的7個CSS布局
如果你想做像素完美的跨瀏覽器CSS布局，那么你可能遇到IE的問題。我要強調的7大CSS黑客，網站制作經常使用的像素完美的設計。

1）盒模型的黑客。
盒模型的黑客也曾經是固定的rendering問題在預browsers IE 6，在邊境上和padding是都包括在一個width元，20世紀opposed添加到C
 padding: 4em; border: 1em solid red; width: 30em; width/**/:/**/ 25em;

2）條件的意見
這些意見是IE only for conditional NOT SUPPORTED模式和他們的任何其他瀏覽器。for other browsers他們只是普通的意見和therefor是安，他們是安全的使用。
典型的是：the usage is as

<!--[if IE]>    Some CssCode<![endif]-->
上述代碼適用于Internet Explorer的所有版本，即5.01、5.5和6，但現在網站制作希望將其應用于Internet Explorer的版本，即5.01、5.5和6，因此網站制作將應用以下條件：

<!--[if lte IE 6]>    Some Css Code<![endif]-->

完成測試后，網站制作刪除所有的文件分隔符，所以主CSS是干凈整潔的。然后在條件注釋中的文件的頭部分調用這個單獨的文件。

<!--[if lte IE 6]>    <link rel="stylesheet" type="text/css" href="ie_hacks.css" /><![endif]-->

條件是以下之一：

IE（IE的任何版本）

IE版本（版本比版本少）

LTE IE版本（版本小于或等于版本）

IE版本（僅版本）

GTE的IE版本（大于或等于版本更大的版本）

GT IE版本（版本大于版本）

版本的Internet Explorer，版本通常是5，5.5，6，或者7，你可以在quirksmode閱讀更多關于這個的信息。

3）元素的最小寬度和馬克斯寬度
IE不理解這個命令，所以網站制作需要一種在這個瀏覽器中工作的新方法。讓網站制作舉一個快速的例子，網站制作需要將它應用到帶有id =“包裝器”的div中：
<wrapper><div id="nav">

Next we create our CSS commands, so as to create a minimum width of 750px:

 #wrapper{min-width: 750px;width:expression(document.body.clientWidth < 750? "750px": "auto" );}

你也可能會想這個最小寬度和最大寬度1220px結合750px：

#wrapper{min-width: 750px;max-width: 1220px;width:expression(document.body.clientWidth < 750? "750px" : document.body.clientWidth > 1220? "1220px" : "auto");}

另一種用于沒有JavaScript的MIN高度的方法是使用Dustin Diaz的“漂亮的黑客”：
#id{ min-height: 100px; height:auto !important; height:100px; }

4）輕松選擇器
大多數CSS黑客處理選擇器錯誤。下面是一個不同的IE版本和選擇器的開始列表，它們可以在其中選擇元素。所有這些選擇器都使用有效的CSS。

    IE 6 and below

    * html {}

    IE 7 and below

    *:first-child+html {} * html {}

    IE 7 only

    *:first-child+html {}

    IE 7 and modern browsers only

     html>body {}

    Modern browsers only (not IE 7)

     html>/**/body {}

    Recent Opera versions 9 and below

    html:first-child {}

5）無論怎樣：盤旋
懸停選擇使你有HTML元素冷卻效果和表。大多數瀏覽器都沒有問題，除了IE，看看樣式表和每個規則的JavaScript。
如果可以跟蹤懸停規則，而HTC可以用來改變元素的行為，那么應該可以創建一個允許任何元素懸停的行為。
你可以在這里多讀一些。

6）透明的PNG圖片
即不太好處理png透明。你會得到一個丑陋的灰色背景的地方，它應該是透明的。網站制作不能只是用GIF，因為沒有更高分辨率的圖像，很好。所以網站制作需要一個CSS破解來解決這個問題。按照下列步驟，你將被設置：
HTC的腳本和透明GIF will be used to solve this的出路。你可以在這里下載both隊列

現在就上傳這些文件到你的窗簾選擇2 ie.css隊列。
添加一個簡單的代碼到你的ie.css Line of CSS文件：

 img.pngfix {     behavior: url(pngHack.htc); }

7）stylegala -沒有更多的CSS Hacks

Stylegala的方法是檢測瀏覽器版本和服務于不同的CSS規則，不同的用戶代理，不使用黑客或條件注釋。同時，最終用戶或驗證器將永遠看不到其他瀏覽器的CSS規則指定比他們使用的是。他使用了一些簡單的PHP代碼來精確地檢測瀏覽器類型，就像任何CSS破解一樣。