박스모델 질문입니다. 가로값을 사용하지 않고 사용하는 방법
이하얀
먼저 소스를 봐주세요.
/* 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속성을 써도 되는지가 문제인듯합니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2655515 | 앗;; 파이어폭스 3.6 업데이트 했더니.. (2) | 든솔 | 2024-05-20 |
2655433 | html텍스트박 트위터처럼.... (1) | 핑크빛입술 | 2024-05-19 |
2655406 | 워드프레스 다중사이트.. | 하예라 | 2024-05-19 |
2655352 | 동영상 플래이어 (2) | 머슴밥 | 2024-05-19 |
2655320 | GList를 사용하는데 에러가 발생합니다. 도와주세요~~ | 찬늘봄 | 2024-05-18 |
2655291 | 자바 초보입문했는데요~~ | 이퓨리한나 | 2024-05-18 |
2655235 | xml연동 갤러리 생성관련 질문입니다. (2) | 난새 | 2024-05-18 |
2655205 | C++ 포인터 if | WatchOut | 2024-05-17 |
2655150 | 모바일 웹 환경을 구축을 할때의 콘텐츠 이미지 사이즈 (2) | 레오 | 2024-05-17 |
2655122 | 엥;; getMonth() 왜이렇게 나타나죠? (6) | 초코맛캔디 | 2024-05-17 |
2655095 | 구구단 질문이요 (3) | 하예진 | 2024-05-16 |
2655064 | RSA.js 파일 구할 수 있을가요.. 있으신분 첨부좀 해주세요.. | 얀 | 2024-05-16 |
2655009 | 유료테마 사려고 하는데 데모파일이 없다면 | 에드가 | 2024-05-16 |
2654980 | cximage를 통해 jpg파일을 받아와 윈도우에 뿌리는 프로그램을 만드는중인데 꼬였습니다. (4) | 하린 | 2024-05-15 |
2654922 | 고도몰 3차 4차 이상 카테고리 표출되게.. (7) | 유메 | 2024-05-15 |
2654874 | 제이쿼리랑 자바스크립트 학원 추천좀부탁드릴게요 (7) | 향율 | 2024-05-14 |
2654843 | 탭버튼 코딩시 마우스오버가 접근성에 왜 어긋나는지 궁금합니다... (1) | 걸때 | 2024-05-14 |
2654814 | 중국어 인코딩 관련해서 질문요,,, (5) | 화이트캣 | 2024-05-14 |
2654783 | 이 알고리즘 한줄한줄 해석좀 부탁드립니다. (1) | 요루 | 2024-05-14 |
2654764 | t 탭 질문이여. (3) | 눈 | 2024-05-13 |