화면 사이즈에 따라 박스가 밑으로 떨어지는 레이아웃!! 도와주세요~
파라나
안녕하세요~ 도움을 요청하고자 글을 올립니다. T^T (소스첨부합니다.)
레이아웃을 잡다가 이것 저것 적용해봤는데 해결이 안돼서 질문 남깁니다..T^T밑에 이미지가 제가 하고싶은 구조입니다.
하단부분은 항상 아래에 붙고, 가로사이즈에 따라 컨텐츠2번의 요소들이 배치되는 구조입니다.그런데 컨텐츠2번 요소들이 가로 사이즈가 줄면서 컨텐츠1번 밑으로는 떨어지지 않아야 하는데,, (최소 가로사이즈는 가져가야합니다..)컨텐츠1번 밑으로 떨어집니다ㅠ_ㅠ소스 첨부 합니다. 3일째 끙끙대는데 해결이 안돼요,,, 도와주세요!!!!
그리고 상단 메뉴 부분이.. 사이즈가 줄면서 컨텐츠 2번 요소들이 밑으로 떨어지면 그 넓이만큼 조절이 되면서 오른쪽 정렬이 맞았으면 하는데 어긋납니다.(붉은 라인부분) 혹시 예쁘게 잘 맞아 떨어트리는 방법이 없을까요?
쉬운건 없네요,, ㅠ_ㅠ
하코사 여러분!! 일교차 심하니 감기 조심하시고,, 건강하시고,, 답변도 주세요 -ㅅ-ㅋ
-
중독된
초록색 박스들이 200px의 넓이를 가지고 있는데.. 창이 줄어들면서 툭 떨어져 버리니까,, 상단 메뉴들과 오른쪽 정렬이 맞지 않아서요,, 저건 방법이 없을까요??
-
불꾼
하이ㅎ
-
노랑이
padding 주니까 돼요!!!!! =ㅁ=
감사합니다!!!!!! 복받으세요 ㅎㅎㅎ -
바름
네이버 메일 페이지 코딩을 보시면 도움이 될겁니다~
-
큰마루
역질문인데, div id=\con_right\안에 div id=\list\가 하나 더있던데 div하나는 지워도 상관없죠? 최종 결과물을 어떤걸 원하시는지 잘 모르겠지만 일단 질문하신건 #con_right {position:absolute; top:140px; left:0px; min-width:645px; padding-left:333px;} 이렇게 하면 되긴 하네요. 아니면 #con_left에 적절한 height값을 넣어줘두 되구요.
-
은별
width를 퍼센트로 주셔야 할거 같네요