메인 레이아웃 css 질문있습니다!
본문
#wrap{width: 100%; min-width:1200px; min-height: 500px;}
#left{width: 175px; height:100%; position: relative; float: left;}
#content{min-width: 1200px;float:left; height:100%;}
#right{width:93px; height: 100%; position: relative; float: right;}
이렇게 레이아웃을 잡았는데요
wrap의 100%에서
left와 right의 width인 175와 93을 빼고 남은부분을 content의 width로 잡고싶은데요
혹시 어떤방법이있을까요?
또 wrap에 min-height로 500을 먹였는데
아래에 있는 left content right의 height:100%로는 높이를 못가져오던데
이거는 어떤방법으로 하면 될까요?
답변 1
1번항과 2번항을 가장 쉽게 충족하는 방법은 그냥 table로 짜는 부분입니다.
1. 자바스크립트로 content의 width값을 계산해주는 방법이 있겠습니다.
2. left / content / right에도 min-height :500px 을 주는 방법이 있겠습니다.
답변을 작성하시기 전에 로그인 해주세요.