2011-02-02 65 views
-1

HTML代碼:爲什麼邊緣和填充在Opera中正常工作,但不在IE 8和FF 3.6中?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>CSS Test Page</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css"> 
    body 
    { 
     margin: 0; 
     padding: 0; 
    } 
    #int 
    { 
     width: 1000px; 
     text-align: justify; 
     border: solid 1px #000; 
    } 
    </style>  
     </head> 
<body> 

<div id="int"> 
Some simple text... 
</div> 

</body> 
</html> 

而且結果: 歌劇11 enter image description here 這裏它的工程!僅在使用作爲佈局Yii的Web應用程序... 如果這個代碼

但是...... 的Internet Explorer 8 enter image description here ...和火狐3.6 enter image description here

的問題是我錯了?請幫助。

P.S. kennel.cms.ua - 這個網站運行在本地網絡服務器:)

+0

UPD:如果我使用Yii的這段代碼的問題是。我不明白爲什麼... – Vdm17 2011-02-02 10:41:21

+0

我用firefox 3.6&ie7,8正確地查看它的正確性 – Sotiris 2011-02-02 10:49:45

回答

1

我想,如果我是你,如果你真的想跨瀏覽器支持做的事情正確。

添加CSS重置玩弄CSS之前!

有一堆,只是使用它。

如果你想知道什麼是最好的CSS重置我會鼓勵你read this question

0

你抱怨是因爲在FF和IE中存在的邊緣頂部,但在Opera?

嘗試在CSS中設置這些屬性。

display: inline; 
float: left; 
height: auto; 
position: relative; 
text-align: left; 
width: 100%; 

我認爲這將解決您的問題:d

相關問題