2011-09-29 77 views
0

我怎樣才能解決這個...Internet Explorer 7中的CSS寬度100%的問題

這是我在IE7 Screen on IE7

屏幕這裏,它是IE8 Screen on IE8

我的CSS代碼在這裏是...

#content{ 
    font-family:Arial; 
    width: 100%; 
    min-height: 5em; 
    display: table-cell; 
    /*vertical-align: middle;*/ 
    text-align: center; 
} 

#main_content{ 
    font-family:Arial; 
    position: absolute; 
    width: 90%; 
    background-color: #f8f8f8; 
    left: 50%; 
    margin-left: -45%; 
    padding-bottom: 5%; 
} 

#main_content table{ 
    font-family:Arial; 
    width: inherit; 
    border:solid thin #dedede; 
    border-spacing: 0; 
    border-collapse:collapse; 
    text-align:left; 
    /*margin-bottom: 5%;*/ 
    padding-left: 2px; 
} 

#main_content table tr td{ 
    font-family:Arial; 
    border:solid thin #dedede; 
    background-color: #ffffff; 
    border-spacing: 0; 
    border-collapse:collapse; 
    padding:0; 
    text-align:left; 
    padding-left: 2px; 
} 

#main_content table tr td input, #main_content table tr td select, #main_content table tr td textarea{ 
    font-family:Arial; 
    width:94%; 
    text-align:left; 
    border: none; 
    margin:0 auto; 
    padding: 2% 2% 2% 2%; 
} 

#main_content table tr td select{ 
    font-family:Arial; 
    width:100%; 
} 

很抱歉的長篇文章,這只是我一直呆在這裏很長一段time..hehehe

+1

你能顯示你的標記嗎? – dpp

+0

我解決了這個問題。但我不喜歡結果..我的解決方案是將'#main_content table tr td input'更改爲'#main_content> table> tr> td> input'任何建議?或者我唯一的解決方案是創建一個單獨的IE7的css文件 – jovhenni19

+0

我總是爲ie創建分離的文件。有時候其中兩個,ie6一個用於ie7。這樣處理它們要比試圖找到2006年可以使用的標記更容易。 – Ashnur

回答

0

我最終使用Hacks感謝@My Head Hurts。而且我會嘗試他對IE7 css使用星號(*)的建議。