문서 넓이와 퀵메뉴, 그리고 가로 스크롤.
잔디
안녕하세요... 작업하다 막히는 부분이 있어 여쭙고자 합니다. 꾸벅~
div id=quick_nav class=quick_nav/div
div id=wrap
!-- 헤더 영역 --
div id=header
/div
!-- //헤더 영역 --
!-- 바디 컨테이너 --
div id=container
!-- LNB 영역 --
div class=lnb
좌측메뉴
/div
!-- //LNB 영역 --
!-- 컨텐츠 영역 --
div id=content
!-- 이곳에 컨텐츠 페이지가 들어옵니다. --
/div
!-- //컨텐츠 영역 --
div class=clear/div
/div
!-- //바디 컨테이너 --
!-- 푸터 영역 --
div id=footer
/div
!-- 푸터 영역 --
/div
이렇게 통상적인 좌측메뉴 있는 고정폭 2단 컬럼 레이아웃을 만들었는데요.
전체 레이아웃을 싸는 wrap의 넓이가 1000이고, 가운데 정렬입니다.
그런데 문제가..퀵메뉴가 1000의 넓이로 가운데 정렬된 컨텐츠의 우측에 붙게 되는데요.
퀵메뉴 넓이가 한 200이라고 가정할때요..
사실상 브라우저 사이즈를 줄이면, 퀵메뉴를 브라우저가 먹어도 가로스크롤이 생기지 않고,
컨텐츠 사이즈인 1000 이하로 가로가 줄었을때만 가로 스크롤이 생기게 하고 싶습니다.
이렇게 저렇게min-width 값과 overflow-x 속성을 body애 넣어줘 보기도 했는데, 생각대로 되질 않네요.
조언을 좀 부탁드립니다. 혹은 이렇게 작업된 사이트가 있다면 귀띔 해주셔도 감사하구요.
부탁드립니다. 꾸벅.
-
내꺼 2024-06-06
말씀하신대로도 이미 해봤습니다...안되더라구요;
-
해뜰참 2024-06-06
왜 퀵을 wrap밖으로 빼셨나요 다른이유가 있으신지... 헤드나 컨테이너 에 퀵 소스 포함시키고 position:relative 잡고 퀵을 position:absolute로 자리 잡아주면 될겁니다 뭐 wrap안에 넣어도 되구요 css 날렸을때 구조 생각하고 넣으시면 될듯한데
-
딥레드 2024-06-06
무슨 말씀이신지 이해는 가는데요... 그렇게는 해결이 안될듯 합니다. 일단 브라우저 넓이 1000 이상에서는 가로 스크롤이 생기면 안되요.. ㅜ ㅜ
-
조히 2024-06-06
감싸주는애를 1200 하시고
해더. 푸터 는 margin을 주시든 padding을 주시든 +200 하시거나(그럼 각 1200px겟죠?)
width를 1200px로 하시고,
실제 컨텐츠 영역은 1000px로 하시면 될거같은데여? -
별하 2024-06-06
넵 조언 감사합니다. 자바스크립트로 브라우저 사이즈 체크해서 해야할 듯 싶어요 ^^
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |
2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |
2700230 | 질문이여 ! | 뿡뿡몬 | 2025-07-03 |
2700205 | 액션스크립트책 좀 추천해주세요. (10) | 화이트캣 | 2025-07-02 |
2700173 | 자바 소스인데 어떤게 에러인지..? (1) | 호빵녀 | 2025-07-02 |
2700142 | 하단이 붙어있는 가변 레이아웃구조 질문드립니다. | 이플 | 2025-07-02 |
2700089 | 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) | 여름 | 2025-07-01 |
2700033 | 배경에 그라데이션을 넣으려고 하는데요.. (4) | 화이티 | 2025-07-01 |
2700005 | [질문] TextField 객체의 실제 높이 알아오는 방법 ? | 천사의눈물 | 2025-07-01 |
2699978 | FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) | 데이비드 | 2025-06-30 |
2699944 | 자바스크립트가 많은 사이트는... (6) | 희나리 | 2025-06-30 |
2699918 | 브라우저마다 다른 input과 텍스트 정렬 (3) | 늘봄 | 2025-06-30 |
2699887 | 동적텍스트를 그래픽으로?? (2) | 족장 | 2025-06-30 |
2699862 | scope넣기 (1) | 아인 | 2025-06-29 |
2699835 | exe로 만드는 방법을....알려주세요.. (5) | 방방 | 2025-06-29 |
2699809 | 롤오버할때 백그라운드 이미지로할때 alt설명은 어떻게해야하죠?..ㅠ (4) | 반혈 | 2025-06-29 |
2699757 | 리스트뷰에 있는 내용을 랜덤으로 추출 | 세실 | 2025-06-28 |
2699725 | JMX 질문입니다. (1) | 시나브로 | 2025-06-28 |
2699695 | 으으아으ㅏ으ㅏ 정말미쳐버리겟네요 | 진달래 | 2025-06-28 |
2699665 | absolute에 대해서 궁금한게 있습니다 (1) | 영빈이 | 2025-06-28 |