수다닷컴

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

전체 100% 레이아웃에서 좌측 영역 너비고정2 - 그래도 안되요ㅜㅜ

딥공감

2023.04.01

개굴님의 도움으로도 좌측부분이 안되어서 다시 올립니다 T^T제가 하려고하는 레이아웃 설명
전체 가로100%이고, #sub는 350px 고정.
#container 클래스bg로 repeat-y로 라인 주었습니다. /*sub 우측라인*/
#container에 border-radius 주었습니다. /*이것때문에 다른 레이아웃 형태는 따라할수없더라구요.*/
#content_opn 클릭시 #content 100% 됩니다. /*이부분은 프로그램쪽에서 진행해주신답니다.*/
#sub 가 #container안으로 들어가게 하려면.. 어떻게 해야할까요../*현재 sub가 길면 넘치네요..*/

min-width:960px;
width:expression(document.body.clientWidth962? 960px:100%);
주었더니 ie6,7 에서 퍼지게 보이던데.. 960이하로는 작아지지 않게 하는법이 있을까요?/* CSS */
#wrap {margin:0 40px;padding:0;}
#header {height:165px;}
#container.bg {background: url(../img/common/snb_bg.gif) repeat-y;background-color:#FFF;}
#container {
border:1px solid #d3ddef;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(../js/PIE.htc);
background-color:#FFF;
min-width:960px;
width:expression(document.body.clientWidth962? 960px:auto);
}
.snb {position:absolute; top: 165px; left: 40px; width:308px; padding:21px;}
#content_opn {position:absolute; top: 165px; left: 390px; z-index:100;}
#content {padding:20px 20px 20px 370px;}
#footer {height:35px;background-color:#f2f5fc;}

/* HTML */
!DOCTYPE HTML
html
head
meta http-equiv=Content-Type content=text/html; charset=utf-8
titleBIZenic/title
link rel=stylesheet type=text/css href=../css/import.css /
script type=text/javascript src=../js/jquery-1.7.1.min.js/script
script type=text/javascript src=../js/script.js/script
/head
body
div id=wrap
div id=headerp#header/p/div
div id=container class=bg
div class=snbp style=background-color:#CFF;width:100%; height:500px;#snb/p/div
div id=content_opnimg src=../img/common/btn_opn.gif alt=펼치기/div
div id=contentp style=background-color:#FF9;width:100%; height:400px;#content/p/div
/div
div id=footerp#footer/p/div
/div
/body
/html

신청하기





COMMENT

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

  • 모해

    container의 height 442px 이였죠;

  • 콩알녀

    근데.. 442는 어디서 나오신거예요?-.-?

  • 가막새

    #wrap {margin:0 40px;padding:0;}
    #header {float:left;width:100%; height:165px;}
    #container.bg {background-image:url(../img/common/container_line_bg.gif) repeat-y 349px 0;}
    #container {float:left;width:100%;border:1px solid #d3ddef;-moz-border-radius: 3px;

  • 쇼콜라데

    왜 snb는 레이어고 442인 container를 삐져나가게 설계가 되어있는거죠?

번호 제 목 글쓴이 날짜
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