CSS : 사업부 난에서 웹 페이지를 디자인하고있어 올바른 위치

에 표시되지 않습니다, 당신이 링크를 검사 후 발견하면 내가 해결할 수없는 버그로 실행 http://trackstudent.pt/index.php CSS : 사업부 난에서 웹 페이지를 디자인하고있어 올바른 위치

<p></p>이 조치로 인해 오른쪽으로 밀려 나고 있는데 그 이유를 알 수 없습니다. 모든 div는 여백이 있습니다 : 0, 채우기 : 0 그리고 충분한 공간이있어 그 요소가 그 공간에 적합해야합니다.

놀랍게도 콘텐츠의 두 번째 줄에는 문제가 발생하지 않습니다.

내가 (12 열 960 표) 1kbgrid에서 CSS를 가지고 :

HTML에서

// Grid Cell (column) 
.column { 
    margin: 5px 10px; 
    overflow: hidden; 
    float: left; 
    display: inline; 
} 

// Grid row 
.row { 
    width:960px; 
    margin: 0px auto; 
    overflow: hidden; 
} 

// Nested rows 
.row .row { 
    margin: 0px -10px; 
    width: auto; 
    display: inline-block; 
}

내가 가진 :

<body> -> width: 100% 
<div id="container"> -> width: 100% 
<div id="mainWrapper"> -> width: 960px 
<section class="row"> -> width: 960px

편집 : 맑은 : 모두; #wrapperMain에서 작동합니다! 그러나 헤더가 높이 : 40px와 로고도 있으므로 헤더가 전달되는 로고의 영역이 없어야하므로 왜 이런 현상이 발생하는지 아직 알 수 없습니다. 누구나 통찰력을 제공 할 수 있습니까?

미리 감사드립니다.

출처

2012-07-23 João Nunes

떠 다니는 로고입니다. 간단하게 다음과 같은 CSS를 추가

#wrapperHeader { 
overflow:hidden; /* Forces header to contain elements */ 
}

또는를 :

#wrapperMain { 
clear:both; /* Pushes wrapper down until it's past bottom of header elements */ 
}

출처

2012-07-23 20:32:03 0b10011

좋은를! 고마워요 –

@ JoãoNunes, 괜찮습니다. 이 대답을 '수락'으로 표시하십시오 ([여기에 질문하는 방법은 무엇입니까?] (http://stackoverflow.com/faq#howtoask) 참조). – 0b10011

CSS : 사업부 난에서 웹 페이지를 디자인하고있어 올바른 위치

답변

관련 문제