CSS：網頁和寬度100％

現在我可能是愚蠢的在這裏，但我有以下的CSS：CSS：網頁和寬度100％

*{ 
    margin:0; 
    padding:0; 
} 

body { 
    background:url(../img/bg/bg-body.jpg) repeat top left #f0f0f0; 
    font-family:"ProximaNova", Arial, Helvetica, sans-serif; 
    color:#ffffff; 
    width:100%; 
} 

#header { 
    background: #000000; 
    border-bottom: 1px solid #282828; 
    height:126px; 
    min-width:1000px; 
    zoom:1; 
} 

#header #nav { 
    height:46px; 
    line-height:46px; 
    margin-top:10px; 
    background:url(../img/bg/nav/nav-bg.png) repeat-x top left #000000; 
}

的問題是，當用戶放大，在網頁上出現這種情況：

儘管它應該是這樣的：

我需要幫助，我希望能得到任何幫助。

@Jessica，這裏是html代碼：

<div id="header"> 

<div id="content-wrap" class="header"> 

<div id="logo"></div> 

<!--Begin News--> 
<div id="news-scroller"> 
<b>Recent News: </b> 
    <span id="quote-left">"</span> 
     <div id="news-content"> 
      <a href="#"> 
      <?php 
      if (mysql_num_rows($news)== 0){ 
       echo "There is currently no news from the Bowlplex Doubles, however there will be soon!"; 
      } else { 
      echo $output['content']; 
      } 
      ?> 
      </a> 
     </div> 
    <span id="quote-right">"</span> 
    <div id="post"> 
     <b>Posted</b> <?php echo $output['date'].",&nbsp;".$output['time']; ?> 
    </div> 
</div> 
<!--/End News--> 

</div> 

<!--Begin Navigation--> 
<div id="nav"> 

<ul> 

<a href="/"><li class="active">Home</li></a> 
<a href="/scores"><li>Scores</li></a> 
<a href="/entries"><li>Entry Forms</li></a> 
<a href="/scoreboard"><li>Live Scoreboard</li></a> 
<a href="/contact"><li>Contact</li></a> 
<a href="/archive"><li class="last">Archive</li></a> 

</ul> 

</div> 
<!--/End Navigation--> 

</div> 
<!--/End Header-->

UPDATE

新代碼：

body { 
    background:url(../img/bg/bg-body.jpg) repeat top left #f0f0f0; 
    font-family:"ProximaNova", Arial, Helvetica, sans-serif; 
    color:#ffffff; 
    width:100%; 
} 
#header { 
    background: #000000; 
    border-bottom: 1px solid #282828; 
    height:126px; 
    min-width:100%; 
    min-width:1000px; 
    zoom:1; 
}

但是問題仍然存在。

來源

2012-07-13 David Passmore

最小寬度：1000像素大衛，試試這個屬性設置爲百分比以及。你的HTML代碼是什麼樣的？你可以發佈嗎？

來源

2012-07-13 22:16:33

你可以給我一個例子。我有'#header { \t background：＃000000; \t border-bottom：1px solid＃282828; \t height：126px; \t min-width：1000px; \t最小寬度：100％; \t zoom：1; }' – 2012-07-13 22:24:49

'min-width：1000px; min-width：100％;'和min-width：100％不一樣; min-width：1000px;' – stephenmurdoch 2012-07-13 22:27:41

我發現這個問題可以通過在身體上設置最小寬度來固定。我通常只是用960像素或類似的東西去。

body { min-width: 1000px; }

我問過類似的問題here

來源

2012-07-13 22:18:58 stephenmurdoch

由於某些原因，這對我不起作用。 – 2012-07-13 22:30:09

CSS：網頁和寬度100％

回答

相關問題