internet explorer version에 따른 table 깨짐현상
알찬바로
하나의 table(700x990)이 있고 해당 table은 같은 사이즈의 image(700x990)로 background 가 꾸며집니다.
그런데 예외상황이 있죠 이미지의 사이즈가 간혹 굉장히 큰 경우가 있습니다.
즉 background image로 사용되는 이미지가 table 의 사이즈보다 커지는 경우 입니다.
table background=%=bgimg%.../table
이렇게 구성하려고 하니 답이 없더군요
그래서 찾아보니 아래의 style 을 이용했습니다.
그런데 explorer 8 version 또는 firefox, 크롬에서는 아무 이상없이 잘 되는 녀석이 explorer6,7 에서는 완전히 깨지네요(이미지가 테이블보다 훨씬 커집니다.)
원인 및 해결 방법 부탁드립니다..
-------------------------------------------------------------------------------------------------------------------------
style type=text/css
* { margin: 0; padding: 0; }
html, body { height: 100%;}
ul, ol, li { list-style: none; }
#wrap {
position: relative;
}
#wrap img {
z-index: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#wrap table {
position: relative;
border-collapse: collapse;
width: 100%;
}
#wrap table th,
#wrap table td {
padding: 0px;
}
/style
-------------------------------------------------------------------------------------------------------------------------
div id=wrap
img src=%=bgimg%/img
table width=700 border=0 cellpadding=0 cellspacing=0
..
/table
/div
위와 동일
위와 동일
-
MinA
안녕하세요 한큐입니다. 이미지가 테이블보다 커질 경우에는 보통 사이즈를 %로 잡았을 경우나(절대값으로
잡아보세요^^)
띄어쓰기를 잘못했을경우입니다. a a 이렇게 한번 띄었을 경우와 a a이렇게 두번띄었을경우 익스플로어 6같
은 경우에는 이미지가 튀어나오거나 잘리는 현상이 발생합니다. -
예그리나
답변감사합니다. 하지만 적용은 안되네요..^;
-
글고운
style
#aa{background-image:url(이미지파일);background-position:0 0;background-repeat:no-repeat}
/style
table id=\aa\..../table
요걸 적용해 보세요 테스트는 안해본.... ^^;;;