Internet Explorer和Google Chrome的不同內容展示

我正在設置一個在線表單，在那裏選擇框和內容。當我對自己說「讓我們在IE中試試」時，我幾乎完成了整件事情。Internet Explorer和Google Chrome的不同內容展示

這是我想要的結果，什麼谷歌瀏覽器出現：

Google Chrome result

而且這是在IE中會發生什麼：

enter image description here

這是CSS和該部分的HTML：

HTML

<div id="choosen"><img src="img.jpg" class="center-img" /></div>

CSS

img.center-img{ 
     margin-top:15px; 
     position:relative; 
     width: <?php echo $width; ?>px; 
     left:50%; 
     margin-left:-<?php echo $width/2; ?>px; 
    }

基本上圖像居中到DIV因爲這個頁面，我的寫作將被納入到另外一個我從來沒有見過別人給你做。

EDITED

Here is the link

來源

2013-06-29 Mr.Web

IE出現問題是正常的和預期的。當你嵌入PHP時（只顯示生成的標記），你沒有足夠的幫助我們，而我們大多數人都無法提供幫助。我們需要一個鏈接或jsfiddle。 – Rob

好的，我編輯了這篇文章。韓國社交協會。 –

如何改變CSS來

img.center-img{ 
    margin:15px auto 0; 
    display:block; 
}

來源

2013-06-29 11:55:06 miah

我會試試看，讓你知道 –

完美的作品。 TKS！ –

嘗試使用CSS黑客。下面是一些有關的鏈接：

http://www.paulirish.com/2009/browser-specific-css-hacks/

來源

2013-06-29 10:20:02 Hive7

對我來說不太清楚。還有其他文件嗎？ –

沒有適當的文檔類型，你是在「怪癖模式」。把它添加到你的第一行，沒有任何其他的：<!DOCTYPE html>。這會讓你擺脫怪癖，讓你進入標準模式，尤其是關於Internet Explorer。那麼讓我們看看我們的立場。

A doctype is required of all new web pages.我展示的是最新的一個，並將所有瀏覽器放到標準模式中，您想要的位置。 Quirks使用20世紀90年代的一個破碎的盒子模型，你永遠不想去那裏。

來源

2013-06-29 11:58:45 Rob

這可能是，我會檢查。即使我必須將文件包含到一個「未知項目」中，我無法訪問 –

不，這會讓事情變得更糟...對不起。我可以製作截圖並將其展示給您。 –

@NDLombardi - 當然它。您創建了沒有文檔類型的頁面，並以怪癖模式進行。因此你使用了破碎的盒子模型。當您使用文檔類型時，瀏覽器切換到正確的盒子模型。 miah的「修復」只能解決您在這個實例中遇到的問題，但如果沒有適當的文檔類型，您將永遠在整個網站中遇到問題。正如我在我的回答中所說的，文檔類型是所有新網頁的要求。 – Rob

Internet Explorer和Google Chrome的不同內容展示

回答

相關問題