background 질문
별글
안녕하세요~
background 관련해서 답답해서 질문을 올립니다.ㅠ위에 그림처럼 박스를 background이미지로 넣었어요
그런데 꼭 그 width 값과 height 값을 지정해줘야 하나요?
height값을 지정하지 않았더니 아래 노란 공백이 조금 생겨서요..뜬다고 해야 정확할까요..?
(표시하기위해 background에 yellow를 줬습니다.)
아래 상자와 간격이 있어야 하기때문에 margin값을 주려고 해도 정확히 줄수가 없어서요
위에 박스 안에 내용물 때문에 꼭 height값은 넣으면 안되는 상황이거든요
어떻게 해결해야 할까요 ㅠ
-
가온누리
몇개의 div로 작성한지 모르겠으나 이놈때문에 밀리는 것 같다라고 생각하는 부분. 그러니깐 가장 안쪽 div? 암튼 그놈 한테 display: block 를 줘 보셔요~
-
다한
원래 .....수정되었다고 답글을 올렸지만.. 다시 확인해 보니.. 그대로네요 캭!!!ㅠ_-..... 어쩔...
위에 답변은 수정했습니다~ ㅠ 엉엉.. -
루다
답변 주신분들 감사드려요 ㅎㅎ
저 박스는 한 덩어리로 사용하려고 넣은건데요
사실상 웹페이지를 봤을때는 내용이 늘어나는게 아니거든요
그런데..문제는 플래시의 대체 텍스트 때문에 ㅠ_-.... 플래시가 로딩이 안될때 보이는 이미지가 문제였는데요..
그 이미지들이 나열되기 때문에 저 박스 공간에 비해 넘치거든요. 넘치게되면 아래 박스가 밀려서 내용이
제대로 다 잘 보여야 하는데 height값을 주면 그 값에 의해서 공간이 자연스레 늘어나지 않고 아래 내용하 -
헛매질
박스 전체를 배경 이미지 한 덩어리로 쓰신 건가요? 바닥이나 가장 위 부분 라운딩 이미지를 떼서 따른 엘리먼트로 지정하고 본문 내용 들어가는 곳은 좌우에 border 주시고 가로 값 지정해 두면 세로 방향으로는 계속 늘어나게 해도 박스가 깨지지 않을텐데요..^^;
-
바름
네 맞아요 늘어날 수 있는 공간이라 height를 줄 수가 없어요~
자세히 말씀을 드리자면은 내용물안에 플래시가 들어가는데요 들어가는 대체 컨텐츠가
내용이 길어지는 관계로 height값을 넣어주면 아래 내용과 겹쳐서 안보이게 되거든요
height값을 주지 않아야만 내용이 밑으로 밀려서 잘 보이게 되는데..
overflow:visible을 했는데도 안되네요 ㅠ 아직 겹쳐보이고요 ㅠ
아 그리구 위에 박스와 아래 박스는 서로 다른 div박스입니다 그래서 -
유진깡
제가 초짜라서 이게 맞는 답변일진 모르겠는데요,
제가 이해하기론
1. 윗 박스는 안에 내용물때문에 늘어날 수 있기때문에 height을 줄 수 없다.
2. 아래 박스와 적당한 간격이 있어야 한다.
맞나요?
저같은 경우는 그럴 때,
위 박스에 { height:500px; overflow:visible; }
아래 박스에 { position:relative; top:50px; }
이런식으로 하는데요. 이게 괜찮은 해결법인지는 모르겠어요.