2가지 중요한 질문...
맑다
하코사덕분에 많은 도움 받고 있습니다..
아무리 머리 싸매도 안되는 문제가 있어서 다시 질문드리는데요;;; ㅠㅠ
1. 오른쪽 내용 길이에 따라 왼쪽 회색 메뉴바도 같이 내려와야 하는데... 도통 내려오질 않습니다.
왼쪽 메뉴바 내용길이에 따라 달라질뿐 오른쪽 길이에 영향을 받질 못하네요...
******* css ***************
#wrap {min-height:100px; height:auto !important; height:100px; width:100%; background:url(img/top_menu_bg.gif) repeat-x;}
#contents {width:990px; margin:0 auto; min-height:600px; height:auto !important; height:600px;}
#gnb {width:990px; height:100px;}
#sub {width:990px; height:100%;}
#footer {width:100%; height:60px; background:url(img/com/footer_line.gif) repeat-x;}
#leftmenu {width:158px; margin-right:30px; float:left; background:#f8f8f8; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:10px; text-align:center; position:relative;}
#right {width:780px; float:left; margin-top:28px; min-height:600px; height:auto !important; height:600px;}
*********** source ***************
div id=wrap
div id=contents
div id=gnb/div
div id=sub
div id=leftmenu/div
div id=right/div
div class=blank/div
/div
/div
div id=footer/div
/div2. 얼마전에도 여쭤봤던건데... 알려주신대로 하긴했는데 검색부분이 붙으니 다시 엉망이 되더라구요.. ㅠㅠ
페이징 부분은 항상 가운데 위치해야하구요... 버튼은 페이징과 같은 라인에 가장 오른쪽에 붙어있어야 하구요..
검색부분도 페이징 아래 항상 가운데 위치해야합니다..
이 3부분을 엮기가 어렵네요;;;; ㅠㅠ
****css **********
#pp01 {position:relative;}
#pp02 {position:absolute;}
#paging {margin-top:20px; text-align:center;}
#paging li {padding:0px 5px; font:10pt/12pt verdana; color:#343434; text-align:center; display:inline;}
#paging li.ptab, #paging li.pbtn {padding:2px 0px 0px 0px;}
#paging li.thispaging {font:bold 10pt/12pt verdana; color:#ff6633;}
******** source *************
div id=pp
div id=pp01
ul id=paging
li class=pbtnimg src=../img/com/button/btn_paging_latest.gif width=19 height=11 //li
li class=pbtnimg src=../img/com/button/btn_paging_before.gif width=13 height=11 //li
li class=thispaging1/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=2/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=3/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=4/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=5/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=6/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=7/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
p; lia href=8/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=9/a/li
li class=ptabimg src=../img/com/button/paging_tab.gif width=1 height=11 //li
lia href=10/a/li
li class=pbtnimg src=../img/com/button/btn_paging_next.gif width=13 height=11 //li
li class=pbtnimg src=../img/com/button/btn_paging_end.gif width=19 height=11 //li
/ul
div id=pp02img src=../img/com/button/btn_excel.gif width=109 height=23 alt=엑셀로 저장 //div
/div
/div
div id=search
select
option/option
option/option
option/option
option/option
option/option
/select input type=text / img src=../img/com/button/btn_search.gif width=52 height=23 alt=검색 /
/div
표준코딩에 입문해 차근차근 배우고 있는 초보입니다.
꼭!!! 도와주세요~~~~~~~~~~ ㅠㅠ
-
Sonya
헉!!! 알려주신대로 했더니.. 버튼이 쏙~~ 오른쪽으로 붙었어요;;;; +_+ 왼쪽메뉴 배경도 그냥 Left에 배경을 넣은채로 어떻게 해보려고 했던건데... 간단하게 Sub에 넣어버리니 쉽게 해결되네요... 완전 감사드립니다!!!!!!!!!!!!!!!! ^-----^
-
나슬
sub에 넣으라는 얘기 맞습니다. 간단히 해결될 문제구요.
그렇게 하지 않고서는 left와 right의 height가 같아지도록 스크립트를 넣어야 합니다.
엑셀버튼의 경우는 현재 position의 이해가 부족해서 나타나는 문제입니다.
#pp02{position:absolute;right:0;top:0} 추가하면 됩니다.
위치는 숫자로 조절해주세요. 양수, 음수 모두 사용 가능합니다. -
작약
움.. 회색배경을 Sub에 백그라운드로 깔라는 말씀이신가요?? 그냥 지금처럼 Leftmenu에 넣고서는 답이 없는건가요;; ㅠㅠ / 2번 답변에 버튼에 대한 말씀은 없으신데.. 지금 이미지에 보이는 \엑셀로저장\ 버튼이요.. 그게 페이징과 같은 라인에 가장 오른쪽에 있어야 하는거거든요...;;;
-
가장
1번에 대한 답변
같이 내려와야 하는 회색배경은 id=\sub\에 넣으면 해결됩니다
=========================================================
2번에 대한 답변
페이징 가운데 정렬은 이미 되어 있네요.
검색쪽 수평정렬이 잘 안되는 부분은 각 요소에 vertical-align:middle을 주세요 -
Sonya
네네.. 왼쪽메뉴가 오른쪽내용길이에 따라서 길어져야하는거거든요... 저 왼쪽회색배경이 내려오질 않네요.. 2번 답변해주신거는... 오른쪽에 정렬할 버튼에 대한 부분은 없으신데.. 저건 어찌해야하는지;;
-
첫빛
위에 레이아웃은 정확히 무슨소린지 잘이해가 안가네요
왼쪽메뉴가 오른쪽길이에 따라서 움직인다는건지? 어떤 개발방향인지는 모르겟네요
페이징만 보자면
일단 relative빼주시구요 absolute나 relative같은경우는 길이고정이 아닌한 중앙정렬이 매우어렵습니다.
left:50%; margin-left:- (해당길이/2 )px 대부분이런식인데요 이건 고정길이일때 해당하구요
저런경우는 div속성으로 가운데 정렬해주시면 될텐데요
div
divul id=\pa
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |
2695468 | 자바랑 이클립스에서요.. | 스킬 | 2025-05-21 |
2695375 | Mysql 연동하는 자바 질문있습니다. | 아리솔 | 2025-05-20 |
2695319 | 파워포인트 파일을 저장할 수 있을까요? | 시윤 | 2025-05-19 |
2695289 | [질문]Tween 값의 정도를 알고 싶습니다. | 타마 | 2025-05-19 |
2695238 | c 와 c++의 시작 (10) | ChocoHoilc | 2025-05-18 |
2695215 | 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ | 널위해 | 2025-05-18 |