css 관련 질문입니다
DTD 를 선언 안한 상태에서
크롬에서는 윗쪽 이미지처럼 정상적으로 출력이 되는데
익스에서는 아래쪽 이미지처럼 비정상적으로 출력되네요 ㅠㅠ
혹시 익스에서 정상적으로 출력될 방법이 없을까요?
크롬에서는 윗쪽 이미지처럼 정상적으로 출력이 되는데
익스에서는 아래쪽 이미지처럼 비정상적으로 출력되네요 ㅠㅠ
혹시 익스에서 정상적으로 출력될 방법이 없을까요?
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 9개
요렇게 하면안되나요??
이미지를 그냥 200*200사이즈로 줄여서 사용하시는게 편할것같은데여;;
관심가져주셔서 감사합니다 도치즈님 ^^
<style type="text/css">
.frm {float:left;}
.frm_content {position:relative;padding-right:10px;padding-bottom:10px;background:url(./frm.gif) no-repeat 100% 100%;}
.lb {position:absolute;bottom:0;left:0;width:50%;height:50%;background:url(./frm.gif) no-repeat 0 100%;display:block}
.rt {position:absolute;top:0;right:0;width:50%;height:50%;background:url(./frm.gif) no-repeat 100% 0;display:block}
.content {margin:0;padding:10px 0 0 10px;background:url(./frm.gif) no-repeat 0 0;overflow:hidden}
</style>
<div class="frm">
<div class="frm_content">
<span class="lb"></span><span class="rt"></span>
<div class="content">
<div style="width:300px;height:300px;background-color:#f66;position:relative;z-index:1"></div>
</div>
</div>
</div>
아니면 간단하게 이런식..ㅎㅎ
<div style="float:left;border:1px solid #ff9bca;padding:5px;background:#ffeff7">
<div style="border:1px solid #ffcbe3;padding:3px;background:#fff">
<div style="width:300px;height:300px;background-color:#f66;"></div>
</div>
</div>
꼭 배경이미지를 사용하는 경우라면 아니겠지만..ㅎ
새벽비님 정말 감사합니다 ^^
더 줄여봤습니다
<style type="text/css">
.frm {float:left;position:relative;padding :0 10px 10px 0;background:url(./frm.gif) no-repeat 100% 100%;}
.lb {position:absolute;bottom:0;left:0;width:50%;height:50%;background:url(./frm.gif) no-repeat 0 100%;display:block}
.rt {position:absolute;top:0;right:0;width:50%;height:50%;background:url(./frm.gif) no-repeat 100% 0;display:block}
.content {margin:0;padding:10px 0 0 10px;background:url(./frm.gif) no-repeat 0 0;}
</style>
<div class="frm">
<span class="lb"></span><span class="rt"></span>
<div class="content">
<div style="width:300px;height:300px;background-color:#f66;position:relative;z-index:1"></div>
</div>
</div>
이것땜시 엄청 고생할뻔했는데 덕분에 두발뻗고 잘 수 있겠네요
완젼 감사합니다 ^0^