테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

메인 레이아웃 css 질문있습니다! 채택완료

병원에서일해요 9년 전 조회 3,972
답변 1
목록

#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%로는 높이를 못가져오던데

이거는 어떤방법으로 하면 될까요?

#css #레이아웃
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
그림자밟기

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

 

 

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

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

 

 

로그인 후 평가할 수 있습니다

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

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

로그인