html - 在IE和Mozilla中px和％寬度設置衝突

我所做的只是一個簡單的 - 創建一個html頁面。不過，我得到了2個probs。html - 在IE和Mozilla中px和％寬度設置衝突

1）當我設置像素的寬度：我看到寬度不匹配/ IE8和mozilla之間的衝突。（寬度：1024px）這個設置完全以mozilla（全屏尺寸）設置寬度，但在IE中，它超出了頁面/屏幕寬度，我必須向右滾動才能看到頁面的某個部分。

示例代碼：

HTML：

<div style="width:1024px">

2）當我用百分比設定寬度和調整窗口大小：頁面萎縮，整個頁面被倒塌。

下面是代碼。

<div class="body"> 
    <div class="header"> 
     <a href="#">something</a> 
     <a href="#">something1</a> 
     <a href="#">something2</a> 
     <a href="#">something3</a> 
     <a href="#">something4</a> 
    </div> 
</div>

CSS：

.body 
{ 
    min-width:100%; 
    max-width:100%; 
    width:100%; 
    margin:0px; 
    background:grey; 
    float:left; 
} 

.header 
{ 
    float:left; 
    min-width:100%; 
    max-width:100%; 
    width:100%; 
    margin:0px; 
    background:#000; 
}

我怎樣才能克服這個小故障？任何幫助表示讚賞。

來源

2011-08-08 asd

對於1024分辨率，你必須給寬度：1000像素 –

塔萊，u能請提供的示例代碼？ – asd

使用重置樣式表，或者添加以下的CSS：

body, 
html { 
    padding: 0; 
    margin: 0; 
}

來源

2011-08-08 04:52:22 NGLN

-1

一般來說，Internet Explorer的（低版本）瀏覽器的滾動條採取一些像素。只是你把寬度1000px或100％，因爲100％寬度的所有分辨率和屏幕尺寸全屏顯示，無需滾動。

我覺得沒有必要的身體和頭部float: left

來源

2011-08-08 04:57:57 anglimasS

好吧，在這裏使用float來保持所有的href元素在同一行。如果我們刪除它，它會在另一個之下。任何其他建議？ – asd

只有你修正了float標籤：left。不把標題和正文。 – anglimasS

thx ..但是，如果我把百分比的寬度 - 這將適合任何分辨率的屏幕，多數民衆贊成..但當我調整窗口的大小，內容崩潰.. – asd

html - 在IE和Mozilla中px和％寬度設置衝突

回答

相關問題