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

감사합니다. 도움이됩니다. 또한 의도 한 것처럼 행동하지 않는 부분을 지적 할 수 있습니까? 스크린 샷이나 자세한 설명 만 있으면 도움이됩니다. –

은 아직도 당신이 원하는 정확히 모르겠어요.

width: 1000px;

출처

2012-11-27 04:42:32

HTML 템플릿 디자인보기 오류

답변

관련 문제