2012-04-12 50 views
-2

我想在所有的瀏覽器版本...我的代碼工作正常在Mozilla和Chrome,但不是在Internet Explorer中正常工作,以顯示我的網頁網頁跨瀏覽器。 這裏是CSS代碼這是不符合IE它似乎兼容....使得兼容

編輯

奮力創建跨瀏覽器和多分辨率支持網頁在過去的2個月,由於我的設計有多個問題的解決方案和瀏覽器支持。我是這個新設計的東西,我沒有任何想法如何this.i看到一篇文章關於多個解決方案的支持,其中指出,我們必須使用常規的CSS代碼,這是由所有的瀏覽器在所有resolutions.Also我聽說我們必須把我們的正常的<div></div>在一個容器內,以便設計永遠不會碰撞哪個彼此,當它被視爲在低re solution.below是我的CSS代碼將在1680X1050只有在Mozilla.currently IAM工作中使用的正常工作模板下的所有circumstances.give我的完美設計的一些樣品示例,這樣我將學習設計我自己的

#image img 
{ 
padding:6px; 
border-top:0px solid #ddd; 
border-left:0px solid #ddd; 
border-bottom:0px solid #c0c0c0; 
border-right:0px solid #c0c0c0; 
display:inline; 
position:relative; 
top:-210px; 
margin-left:auto; 
margin-right:auto; 
} 
#hori 
{ 
width: 70em; 
margin-left:350px; 
position:absolute; 
} 

#hori ul li 
{ 
display:inline; 
float:left; 
list-style:none; 
} 

#hori ul 
{ 
padding:0; 
margin-top:-620px; 
} 

#hori li 
{ 
display: inline; 
padding:0; 
text-align:center; 
width:7em; 
float:left; 
list-style:none; 
height:25px; 
margin-left:15px; 
background:#38ACEC; 
-moz-border-radius: 70px; 
border-radius: 70px; 
} 

#verti 
{ 
float:bottom; 
width:200px; 
margin-top:50px; 
position:relative; 
display: inline; 
} 

#verti ul li 
{ 
list-style:none; 
text-decoration:none; 
} 

#verti ul 
{ 
padding:0; 
margin:0; 
} 

#verti li 
{ 
width:150px; 
background:#38ACEC; 
margin-bottom:9px; 
position:relative; 
top:170px; 
-moz-border-radius:80px; 
border-radius:80px; 
text-align:center; 
} 

#slideshow 
{ 
position:relative; 
height:500px; 
right:-570px; 
top:-280px 
} 

#slideshow img 
{ 
position:absolute; 
top:0; 
left:0; 
z-index:8; 
} 

#slideshow img.active 
{ 
z-index:10; 
} 

#slideshow img.last-active 
{ 
z-index:9; 
} 
table,th,td 
{ 
border:1px solid black; 
width:650px; 
position:relative; 
right:-480px; 
margin-top:-35%; 
} 
th 
{ 
background-color:#38ACEC; 
color:white; 
} 
+2

對不起,但沒有人會解釋CSS應該用HTML做什麼,預覽你想要什麼以及你得到了什麼(這是錯誤的) – scibuff 2012-04-12 11:08:09

+2

這是一個問答網站 - 你會介意問一下嗎?一個問題? – feeela 2012-04-12 11:08:11

+0

Internet Explorer的是,到目前爲止,在這個星球上最糟糕的瀏覽器,這是一場艱苦的戰鬥,我們都面臨着每一天,你看到在您的標記除了IE瀏覽器的所有工作。然而,正如scabuff所指出的,沒有鏈接,jsfiddle或完整的標記,我們所說的任何幫助都只是一種瘋狂的猜測。 – Rob 2012-04-12 11:22:23

回答

1

因爲你沒問任何問題,我可以假設的問題是:我應該怎麼做這個CSS在IE瀏覽器兼容?

實際上,有幾種方法可以做到這一點:

<!--[if lt IE #version]>

<link rel="stylesheet" type="text/css" href="styleIE.css" /> 

希望這可以幫助你。

+0

將重置CSS存在的更多內容 – ksa 2012-04-12 11:34:54

+0

chk此鏈接http://jsfiddle.net/KyRus/28/ – ksa 2012-04-12 11:44:58