브라우저 창에 문제가있는 경우

내 마지막 질문을 잘못 생각한 것 같습니다. 나는 아래 내가 가진 문제를 겪고 페이지의 HTML을 붙여 넣은,하지만 당신은 여기에서 볼 수 있습니다 http://jsfiddle.net/wCZYU/6/ 기본적으로브라우저 창에 문제가있는 경우

내가 고정 된 헤더 (pageHeader) 및 브라우저 창을 채우는 색깔의 사업부가 아닌 싶습니다 전체 페이지 배경. 나는 그 다음이 내가 그것을

http://i.stack.imgur.com/jZgMb.png

등보고 싶은 내가 이전에 게시 된 이미지입니다

<header class="pageHeader"> 
<div class="setWidth"> 
<div class="navMain"> 
<a href="index.php">Home</a> 
<a href="portfolio.php">Work</a> 
<a href="/blog">Blog</a> 
<a href="contact.php">Contact</a> 
</div> 
</div> 
</header> 
<div class="secFill">i want to be below the navigation</div> 
<div class="content">i want to be below secFill</div>

확인하기 위해 사용자가 스크롤해야 할 것이다이 아래 사업부 싶습니다 내비게이션은 ie7/8에서 고정 및 호환되어야합니다.

덕분에 많이 (다시)

출처

2013-08-14 Anonymous

당신은 브라우저 창의 크기를 찾을 수있는 (내가 jQuery를 건의 할 것) CSS 외에 뭔가를해야합니다 (결국, 당신이 모르는 어떤 사용자의 크기 브라우저 창), 브라우저 창 크기와 일치하도록 .secFill의 CSS 속성을 수정하십시오. – Sean

나는 http://wearepopular.tv/와 비슷한 것을했다 .... 나는 브라우저의 높이를 감지하고 이미지를 그 높이로 만드는 js를 가지고있다. 팀의 솔루션이 모든 브라우저에서 작동하지 않는다면 div와 똑같이 할 수 있습니다. –

내가 제대로 이해하고있어 경우, 당신은 단지 height:100%로 .secFill을 정의 할 필요가있다.

.secFill { 
    height:100%; 
    background-color:red; 
}

http://jsfiddle.net/wCZYU/7/

출처

2013-08-14 18:29:21

좋아 보이는데, 텍스트가 네비게이션 아래에 있지는 않습니다. 네비게이션 바로 뒤에있는 텍스트입니다. 나는 margin/padding을 피하려고 노력하고있다. 그러나 그렇게하는 것이 어렵다고 생각한다. –

시뮬레이션을 위해'.secFill'에'padding-top'을 추가하십시오. 왜 패딩과 마진을 피하려고합니까? 이것이 바로 패딩과 마진이 존재하는 이유입니다. –

고정 된 요소가 흐름에서 벗어나면 무언가가 높이를 소비해야합니다. Padding, Margin 또는 다른 요소. –

브라우저 창에 문제가있는 경우

답변

관련 문제