채택완료

메인 레이아웃 css 질문있습니다!

2016-06-16 (목) 18:27:48 4,085

#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개

채택된 답변
+20 포인트
2016-06-16 (목) 22:21:34

1번항과 2번항을 가장 쉽게 충족하는 방법은 그냥 table로 짜는 부분입니다.

1. 자바스크립트로 content의 width값을 계산해주는 방법이 있겠습니다.

2. left / content / right에도 min-height :500px 을 주는 방법이 있겠습니다. 

답변을 작성하려면 로그인이 필요합니다.