수다닷컴

웹표준에 대한 관심이 많아서 무턱대고 제가 한다고 한게.. 무척 어렵네요;;;
레이아웃 잡고 2주가 흘렀어요..ㅜ.ㅜ제가 하려고하는 레이아웃입니다.
전체 100% 이고 #sub는 350px 고정 입니다.
#container 클래스bg로 349px repeat-y로 라인 주었습니다. /*sub 우측라인*/
전체 #container에 border-radius 주었습니다. /*이것때문에 다른 레이아웃 형태는 따라할수없더라구요.*/
#content_opn 클릭시 #content2로 가면서 100%로 됩니다. /*이부분은 프로그램쪽에서 진행해주신답니다.*/
#content 가 전체(100%)-350px(좌측고정값)이 되게 하려면.. 어떻게 주어야할까요..ie6,7 에서 다르게 보이는데.. 동일하게 보일 수 있는 방법이 있을까요..
/* CSS */

#wrap {
margin:0 40px;
padding:0;
}
#header {
float:left;
width:100%;
height:165px;
}
#container.bg {
background-image:url(../img/common/container_line_bg.gif);
background-repeat:repeat-y;
background-position:349px 0;
}
#container {
float:left;
width:100%;
border:1px solid #d3ddef;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari and Chrome */
border-radius: 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(../js/PIE.htc);
}
.snb {
float:left;
width:309px;
margin-right:1px;
padding:20px;
background-color:#FF0;
}
#content_opn {
float:left;
position:relative;
z-index:100;
}
#content {
position:relative;
float:left;
width: expression(document.body.clientWidth-350 + px);
background-color:#6FF;
}
#content2 {
float:left;
width:100%;
background-color:#6FF;
}
#footer {
float:left;
width:100%;
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=header
p#header/p
/div
div id=container class=bg
div class=snb#sub/div
div id=content
div id=content_opnimg src=../img/common/btn_opn.gif alt=펼치기/div
p style=background-color:#C6C; width:100%; height:570px;#content/p/div
/div
div id=footer
p#footer/p
/div
/div
/body
/html

신청하기