HTML模板設計視圖錯誤

https://stackoverflow.com/questions/13568693/collapsed-wesite-template-when-i-mininize-the-browser。對不起我以前沒有意義的問題。HTML模板設計視圖錯誤

我有一個100％寬度的HTML網站模板。該網頁在完整的瀏覽器窗口中正確顯示。但是我改變瀏覽器窗口的大小意味着整個設計崩潰了。我認爲錯誤在於CSS html和body標籤。任何人都可以修復這個錯誤。

<!doctype html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"/> 
    <title>title</title> 

    <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" /> 

</head> 


<body> 

    <header id="header"> 
     <hgroup> 
      <h1 class="site_title"><a href="index.html">Admin</a></h1> 
      <h2 class="section_title">Dashboard</h2><div class="btn_view_site"><a href="">View </a></div> 
     </hgroup> 
    </header> <!-- end of header bar --> 

    <section id="secondary_bar"> 
     <div class="user"> 
      <p>John Doe (<a href="#">3 Messages</a>)</p> 
      <!-- <a class="logout_user" href="#" title="Logout">Logout</a> --> 
     </div> 
     <div class="breadcrumbs_container"> 
      <article class="breadcrumbs"><a href="index.html">Admin</a> <div class="breadcrumb_divider"></div> <a class="current"></a></article> 
     </div> 
    </section><!-- end of secondary bar -->

CSS：

html, div, map, dt, isindex, form, header, aside, section, section, article, footer { 
    display: block; 
} 

html, body { 
height: 100%; 
margin: 0; 
padding: 0; 
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; 
background: #F8F8F8; 
font-size: 12px; 
} 

.clear { 
clear: both; 
}

來源

2012-11-27 user1804985

請將您當前擁有的HTML和CSS粘貼到您的問題中。 –

我發送了部分HTML和CSS代碼.. – user1804985

謝謝，這很有幫助。你能否指出它的哪一部分不符合你的意圖？截圖或更詳細的說明會有所幫助。 –

我還是不知道你想要什麼。但是，如果你不想讓頁面的寬度來調整，那麼你需要使用一個大小單位，將不與窗口的寬度發生變化，如PX或EM，例如：

width: 1000px;

來源

2012-11-27 04:42:32

HTML模板設計視圖錯誤

回答

相關問題