수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

2가지 중요한 질문...

맑다

2023.04.01

하코사덕분에 많은 도움 받고 있습니다..
아무리 머리 싸매도 안되는 문제가 있어서 다시 질문드리는데요;;; ㅠㅠ

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

표준코딩에 입문해 차근차근 배우고 있는 초보입니다.
꼭!!! 도와주세요~~~~~~~~~~ ㅠㅠ

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 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
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com