전체 100% 레이아웃에서 좌측 영역 너비고정2 - 그래도 안되요ㅜㅜ
딥공감
개굴님의 도움으로도 좌측부분이 안되어서 다시 올립니다 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
-
모해
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 |