2017-10-16 7 views
1

여기 내 페이지의 정렬되지 DIV :이 제대로

https://i.stack.imgur.com/mKp9H.png

나는 그것이 정렬되지 왜 ... 내가 htmlCSS에 초보자이야 모른다. PASTEBIN TO

#container { 
 
    width: 1000px; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
} 
 

 
#logo { 
 
    background-color: black; 
 
    color: white; 
 
    text-align: center; 
 
    padding: 15px; 
 
} 
 

 
#nav { 
 
    min-height: 640px; 
 
    width: 130px; 
 
    background-color: lightgray; 
 
    float: left; 
 
} 
 

 
#content { 
 
    min-width: 687px; 
 
    padding: 20px; 
 
    float: left; 
 
} 
 

 
#ad { 
 
    float: left; 
 
    width: 122px; 
 
    min-height: 620px; 
 
    background-color: yellow; 
 
    padding: 10px; 
 
} 
 

 
#footer { 
 
    clear: both; 
 
    background-color: black; 
 
    color: white; 
 
    text-align: center; 
 
    padding: 20px; 
 
}

LINK :

여기 내 코드입니다.

학교용으로 필요하며이 문제를 해결할 수 없습니다. 나는 지난 몇 시간 동안 일하기 위해 노력했지만, 나는 구글을 고치려고했지만 그들은 일을하지 않거나 너무 바보 같다.

추신 : 내 영어와 내 "기술"에 대한 사과는 html입니다.

+2

'div'는 당신이 말하는거야? – zgood

+0

zgood check imgur의 사진 링크, newbie이지만 콘테이너 하나만 작동하는 것 같습니다 ... 중앙에 div가 있기를 원합니다. –

+0

'#content {/ * float : left; */margin : auto; 디스플레이 : 블록; }'어둠 속에서 찌르다가 중요한 일을 치면 평온을 유지하고 압력을가하십시오. 참조 용 마크 업이없는 경우 참조하는 요소를 파악하기 어렵습니다. 불행히도 imgur의 이미지에는 검사 할 소스 코드가 없습니다. 그것이 작동하지 않는다면, "그냥 flex를 사용하십시오."(모든 정렬 문제에 대한 핫 픽스,> -> 면책 조항 : 명확하게 농담, 그 주장을 너무 진지하게 받아들이지 마십시오. 감사합니다. *) – UncaughtTypeError

답변

0

아마도 모든 내용을 컨테이너에 넣고 싶을 것입니다. "nav"가 시작되기 전에 컨테이너가 닫히기 때문에 "nav", "content"등은 현재 컨테이너 내부에 있지 않습니다. 컨테이너 안에 모든 것을 넣으려면 </DIV> 태그를 제거해야합니다 (<DIV ID="nav">). 이것은 또한 길잃은 </DIV> 태그의 문제를 마지막에 수정합니다. 희망이 도움이됩니다.

+0

남자! 너는 신이다! 나는 그것이 그렇게 간단하다고 믿을 수 없다! 나는 당신에게 rep +를 줄 것이지만, 15 세 이하의 변호인을 줄 수는 없습니다. 도운 모든 분들께 감사드립니다! <3 추신 :이 스레드를 종료하는 방법을 아는 분이라면 어떻게 말씀하십시오. –

+0

기꺼이 도와 드리겠습니다. 내 대답을 받아 들일 수 있습니다. 기본적으로 가장 도움이되는 답을 표시합니다. –