답변 5개
#ft 는 clear:both 를 주는게 맞구요.
레이아웃 구성이 각각 다 다른가요?
이건 레이아웃을 다시 생각해보시는게 나으실거 같은데요 ;
우선 소스가 난잡해서 더 보기 어려울거 같아요
컨테이너 안에 컨테이너도 보이고
바디 안에 스타일 시트가 보이고
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
</span></span></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;">
</span></font></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;">#container {</span></font></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;"> width: 900px;</span></font></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;"> min-height: 500px;</span></font></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;"> border: #0F0 3px solid;</span></font></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;"> /* clear: both; */</span></font></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;"> float: left;</span></font></p><p><font color="#222222" face="Menlo, monospace"><span style="font-size: 11px; line-height: normal;">}</span></font></p></div></div><div style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(48, 57, 66); font-family: Menlo, monospace; font-size: 11px; line-height: normal; white-space: nowrap;">
답변에 대한 댓글 2개
가운데 내용이 wrapper 을 벗어나게 됩니다.
그래서 tail 의 내용이 수직정렬이 되지 않습니다.
저는 tail 부분에 border-top, margin-top, padding-top 을 주어서 여백을 만들고 싶습니다.
정말 감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
이렇게 되었습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
컨테이너 width + aside width 가 두개를 감싸고있는 div의 width 보다 크면 발생하는 문제입니다.
감싸고 있는 div의 width 를 조정하시거나 컨테이너 width , aside width 를 조정하시면됩니다.
답변에 대한 댓글 1개
#wrapper_container {width:1200px; margin:0 auto; border:#093 solid 3px; padding-top:15px}
#container{width:900px; min-height:500px; /*position:relative; float:left;*/;}
#aside {float: left;width:220px;margin:0px 30px 0 30px; /*border: 1px solid #e3e3e3;*/border-bottom: 0;}
전체를 잡아줄 수 있는 div에 #wrapper 을 주었고, 가운데 정렬을 위해서 div를 만들어서 #wrapper_container 을 주었습니다. 전체 div에 width를 100%주었고 가운데 div에 1200px 을 주었습니다. 그리고 좌측 메뉴를 위해서 div를 만들어 #aside라는 이름을 주었고, width는 200 우측 margin을 50, 좌측을 30을 줬습니다. 그리고 가운데 내용을 위해서 div를 만들어 #container을 주고 width를 900을 주었습니다.
200+50+30+900 이므로 width는 정확히 1200이 나오는데, 정렬이 되지 않습니다.
그래서 우측 margin을 30으로 주어서 1180이 나오도록 해봐도 여전히 정렬이 되지 않습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인