웹표준 코딩 질문입니다^^

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
seoseunghyun

웹표준 코딩 질문입니다^^

게시물 작성자 seoseunghyun » 2009 09 16 18:25 35

아래 코드 중에서 제가 #shadow_left div의 백그라운드를 #page div전체 높이만큼 유동적인 크기로 조절하고 싶습니다. height의 속성을 100%로 해도 안되구요. 이게 div 안의 div라 설정이 불가능 합니다.
어떻게 설정을 해야 할까요!? ㅠㅜ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
margin-left: 0px;
background-image: url(img/background.gif);
background-repeat: repeat-x;
background-attachment: fixed;
margin-top: 0px;
}
#page {
margin:auto;
width:1000px;
text-align:center;
overflow:visible;
}
#logo {
margin:auto;
width:854px;
height:63px;
background-color:#FFF;
}
#shadow_left {
float:left;
width:73px;
background-image:url(img/back_left.png);
background-position:55px;
background-repeat:repeat-y;
}
#shadow_right {
float:right;
width:73px;
padding-bottom:0px;
background-image:url(img/back_right.png);
background-repeat:repeat-y;
}
-->
</style>
</head>

<body>
<div id="page">
<div id="shadow_left"></div>
<div id="shadow_right"></div>
<div id="logo"></div>
<div id="logo"></div>
</div>
</body>
</html>

유저 아바타
hyeonseok
해커
해커
게시물: 684
참여됨: 2004 08 11 22:14 59
연락:

Re: 웹표준 코딩 질문입니다^^

게시물 작성자 hyeonseok » 2009 09 19 19:33 57

가장 손쉬운 방법은 #page에 배경이미지로 넣어주는 것입니다.

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 5 손님들