박스모델 질문입니다. 가로값을 사용하지 않고 사용하는 방법
이하얀
먼저 소스를 봐주세요.
/* css */
.lineBoxLT { width:260px; padding:0 0 0 10px; margin:0 10px; background:url(linebox.gif) no-repeat left top; }
.lineBoxRT { padding:10px 10px 0 0; margin:0 0 0 0; background:url(linebox.gif) no-repeat right top; }
.lineBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(linebox.gif) no-repeat left bottom; }
.lineBoxRB { padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(linebox.gif) no-repeat right bottom; }
/* html */
div class=lineBoxLT
div class=lineBoxRT
div class=lineBoxLB
div class=lineBoxRB
내용br /내용br /내용br /내용br /내용br /내용br /
내용br /내용br /내용br /내용br /내용br /내용/div
/div
/div
/div
p박스 아래 컨텐츠/p
배경이 된 박스이미지는 화면에 따라 크기가 많이 커질수도 있습니다.
이미지 한개로 박스를 만든거구요.
레이아웃의 일부분인 컨텐츠 영역에 사용하기에는 무리(높이가 너무 길어질 경우)가 있을 수 있지만 일반적인 경우에는 유용하게 사용될 수 있으리라 봅니다.
위 소스의 문제가 가로값이 들어갔다는 건데요. ㅡㅡ;
그 가로값을 쓰지 않고 상위 가로값에 따라 넓어지고 좁아지고 하는 박스모델을 원합니다.
위 소소에서 가로값을 빼고 적용할 경우 유독 IE6 만 박스 아래 컨텐츠 부분에 까지 배경 이미지가 보입니다.
머리를 짜내도 나오지 않는 해결책;;;
부탁 드립니다. ^^
파일 첨부합니다.
-
올리브
zoom:1 잘됩니다. 마진에 대한 문제도 없어졌어요 ^^ 감사합니다.
-
옆집꼬마야
역시 검증을 해봐야하는 부분이였던것같습니다. 확인한 결과 유효성검사기에서 에러가 나고 있는상황입니다. 다크데빌님도 한번 확인해보시게 좋을듯합니다.
zoom속성을 사용할수없다면 전 width:값으로 해결을 볼수밖에 없다고 생각합니다.(유효성검사기를 꼭 통과해야한다면 입니다. 그렇지않으면 그냥 zoom을 쓰셔도 상관은 없습니다.) -
꽃바라기슬아
.lineBoxRB {zoom:1;}줘도 되지않나요??
-
살랑살랑
소스 압축해서 올려주시면 안될까요?ㅋㅋ
-
개미
아 이제 머리쓰기 싫다;;;
p박스 아래 컨텐츠/p 에 margin-top 이 있을 경우 문제 발생;;; -
초코초코해
하면 되네요 ㅋㅋ
-
나라빛
와우! 성훈이 거마어~ ^^
-
한길찬
.lineBoxLT 에 position:relative;를...
-
초롱꽃
제가 알기로는 zoom:1은 유효성검사에서 그냥 통과되는걸로 알고있는데요???
-
횃눈썹
근대 zoom:1;을 써도 되는지 모르겠습니다. 어디를 봤는데 zoom속성이 유효성검사기에서 통과를 할수가 없다고 하는데요... 그래도 zoom속성을 써도 되는지가 문제인듯합니다.