position:absolute로 이미지가 올려지지 않아요~
낮선검객
위의 이미지에 빨간박스안에 이미지처럼 이미지 위에 이미지가 올려줘야 하는데요~
익스6에서만 이미지가 없어져 버리네요~~
코딩부분
div id=wrapper
div id=headerimg src=images/img_main_top.jpg / /div
div class=txtimg src=images/txt_01.gif //divcss부분
#wrapper { position:relative; width: 720px; margin: 0 auto; border: 1px solid #ccc; overflow:hidden;}
#header { position:relative; margin:0; padding:0; }
.txt {position:absolute; top:225px; right:10px; }
요렇게 되거든요~
아무리 머리를 쥐어짜도 답이 안나와서요~ㅠㅠ
고수님들 한번 봐주세요~^^
-
널위해
마침 이문제 때문에 질문하려고 왔는데..
저는 역삼동님말씀처럼 하니까 해결됬습니다.
감사합니다 ~ ^^ -
사과
overflow:hidden 때문에 안보이는 경우도 있으니 확인해 보세요
-
쌍둥이자리
ie6 에서만 문제가 생긴다면
#header { position:relative; margin:0; padding:0; }
여기에 width: 값을 줘보세요. -
화이티
html 마크업을
div id=\wrapper\
div id=\header\
img src=\images/img_main_top.jpg\ /
div class=\txt\img src=\images/txt_01.gif\ //div
/div
/div
이렇게 수정해보시거나 아니면
css에
.txt img {position:relative;} 를 추가해보세요. -
그대와나
.txt img { posiiton: relative; } 조심스레 덧글 달아봅니다..;;;