포럼
img{border:0;max-width:100%;height:auto} 죽 가실겁니까??
2012.04.02 21:53
img{border:0;max-width:100%;height:auto} 가 IE8에서 직접적으로 img에 영향을 주지는 못하는거 같지만 img를 감싸는 테그의 어떤 속성과 만날때 img에 영향을 주는건 분명한거 같습니다.
아마 개발팀에서 img에 max-width:100%;height:auto라는 속성을 추가했을때는 나름 이유가 있을것이라 생각은 하지만 그래도 분명한건 일반적으로는 문제가 없어야 할 상황에서 위 속성의 추가로 인해 ie8에서 중대한 문제점을 일으키고 있다는 부분입니다.
다음 패치에서 저 부분에 대해 해결이 되지 않을까 싶었는데...
이번 패치에도 저 부분은 해결 안된거 같기에 여쭙습니다.
max-width:100%;height:auto 있어도 ie8에서 문제가 없을수 있도록 개별 개발자들이 해답을 찾아가야 하는겁니까??
아니면 common쪽에서 문제점을 해결하실겁니까??
댓글 38
-
배워서남준다
2012.04.02 22:03
-
배워서남준다
2012.04.02 22:29
그리고, 이 부분 수정하지 않으시면,
저는 더이상 XE 공개자료실이나 마켓에 위젯이나 스킨 개발 안합니다.
외부 개발자들이 힘들고 어렵게 스킨 하나 올려놓으면,
XE 개발팀에서 새로운 기준이라고 제시하시면,
이전에 배포되는 스킨들은 어쩌라고요?
다시 모두 수정해서 배포해야 하나요?
문제가 없으면 다행이지만, 문제가 생기고 있지 않습니까~
앞으로 이런식으로 개발해서 배포해도
또다른 기준을 제시하고 바뀌면 외부 개발자들만 힘들어집니다.
앞으로도 XE 코어에서 기본태그 제어하실거면,
저는 더이상 XE 자료실에 자료 업로드 안할렵니다.
제가 너무 강압적으로 나가는것 같아서 죄송합니다.
또다른 삽질을 할려니 도저히 의욕이 안생기네요~
죄송합니다.
-
도라미
2012.04.02 23:08
한번 구글코드에 올려보시길 -
데브위트™
2012.04.02 23:32
개발팀은 ie를 안쓰나봅니다 = ㅅ=
-
Treasurej
2012.04.02 23:37
xe 코어에서는 css reset 이라든지 css 공용속성은 하지 않았으면 하는 바램입니다.
xe.min.css에 들어가 있는 css로 인해 몇 번 고생한 적도 있습니다.
img, p, h1~h6, a, .clear, *, ...
ie 뿐만 아니라 모든 브라우저에서도 문제가 되고 있어요.
xe팀께 부탁드립니다.
-
착한악마
2012.04.03 05:46
저도 이부분 정말 바꿔야한다고 생각합니다 무슨이유로 고집을 하는지 라도 알고싶네요 많은외부개발에 영양을 줘가면서 까지 사용할 가치가 있나요 전체에 영향을 끼칠만 태그사용은 가급적 사용을 안했으면좋겠습니다 -
zero28
2012.04.03 05:52
개발팀은 한국 사람 97%가 이용하는 ie를 쓰지고 않고 테스트도 안 하는 듯
저번 마이그레이션 툴만 봐도 그렇고
xe는 당최 이유조차 알 수가 없어요ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ
모듈/위젯 개발자 몇 안 남아 보이는데 씨를 말리고 싶은가 봐요
-
delphiXE2
2012.04.03 09:00
97% 아닌데요. 통계 찾아보세요. ㅎㅎ
-
착한악마
2012.04.03 10:36
음 이것 때문인지. content위젯에서 image+title 형식을 사용시 이미지가 익스 8에서 살아지는군요.
쩝...
-
guny
2012.04.03 11:08
무슨 문제가 발생되는지 설명이 없네요..
다 아는 얘기였나요? 아님 토론이 있었나요?
-
착한악마
2012.04.03 11:15
이미지가 사라지죠..익스 8에서 ..ㅋㅋㅋ 테스트 content 위젯으로 해 보셔도 될듯합니다.
이미지+타이틀로 하시면 익스 8에서 이미지가 안보이게 됩니다. 다른 브라우저는 잘 보이는데요..
-
ForHanbi
2012.04.03 11:16
common쪽 css에서 img{border:0;max-width:100%;height:auto} 라는 부분이 있습니다.
그런데 img의 max-width:100% 라는 속성이 img를 감싸고 있는 tag의 display:inline-block 이라는 속성과 만날때 이미지가 사라지는 버그가 있습니다.
이게 ie8의 버그이지만 이미지를 감싸고 있는 테그에서 display:inline-block의 사용은 자주 이뤄지는 부분인지라...
비교적 사용빈도가 적은 이미지의 max-width:100% 라는 속성을 common에서 제외시키는게 옳지않은가 싶어서요.
사실 저같이 이 부분을 정확하게 인지하고 있는 몇몇이야 이미지에 속성에 저게 있든 없는 앞으로 신경써서 만들면 되는 일이지만 이 내용을 잘 모르고 있는 사용자들 또는 inline-block를 대체할 수 있는 방법을 잘 못찾는 분들은 앞으로 common의 max-width:100%라는 속성값때문에 앞으로 죽 고생할 수 밖에 없을거 같습니다.
xe의 벽을 높혀주는 결과가 될거 같습니다.
-
착한악마
2012.04.03 11:24
content 위젯에서 이미지+타이틀을 보면 스킨은 default에서요 display:inline-block가 없는데도 익스 8에서 이미지가
사라지네요. display:block;으로 되여 있는데요... 하여튼 common쪽 css에서 max-width:100%;을 지우니.. 정상적으로 출력되는것 보면...같은 문제인 듯한데요. 공통에 css에 저런 코드를 넣어두고 공식 위젯은 버그가 있다는것이.....ㅡㅡ;;
-
ForHanbi
2012.04.03 11:48
그건 또 img를 바로감싸는 a 쪽이 아니라 그 상위의 p에서 float:left가 영향을 주네요.
그럼 이거 원인이 정확히 어디에 있는거지??
-
ForHanbi
2012.04.03 11:58
다시 체크해 보니
img를 감싸고 있는 태그중에 첫번째 오는 block 속성을 가진 테그에 display:inline-block의 속성이나 이와 비슷한 속성의 성격을 지닐때 생기는 문제 같습니다.
착한악마님이 보여준 샘플은 이미지를 감싸는 a(inline 속성) 테그의 문제가 아니라 p(block 속성) 테그에서 float:left에서 생기는 문제입니다 float:left는 display:inline-block과 같은 속성값도 같이 가지고 있습니다.
그렇다 보니 그리 문제가 생기는거 같습니다.
에구 이러면 많은 분들이 더 고생하겠는데요.
약간더 복잡하게 오류를 발생시키니...
-
배워서남준다
2012.04.03 12:13
그것이 꼭 display:inline-block 인 경우만 문제가 생긴다면 제가 이렇게까지 하겠습니까~
ㅎㅎㅎ
그리고 IE에서만 문제가 있는것도 아닙니다. 모든 브라우저에서 문제가 있습니다.
코어 뿐만 아니라 레이아웃에서도 기본 태그 제어해서 위젯이나 모듈에서 다른 결과 나오는것도 알고 계신가요?
XE 코어뿐만 아니라 가능하면 레이아웃에서도 기본 태그는 제어하지 않기를 바랍니다.
코어아래 또는 레이아웃에 세들어 사는 위젯이나 모듈은 점점 셋방살이가 힘들어져요~
사용자들은 코어나 레이아웃에 가서 항의하는것이 아니라 위젯이나 모듈 개발자들한테 투덜대거든요~
ㅎㅎㅎ
-
ForHanbi
2012.04.03 12:25
이미지 문제는 display:inline-block 속성과 연결된게 맞습니다.
-
배워서남준다
2012.04.03 13:10
이미지 태그뿐만 아닙니다.
심지어는 object 태그의 크기까지도 제어하고 있습니다.
이거야 그리 심각한 문제가 아니니까 넘어가는데요~
display:inline-block 속성이 중요한것이 아니라
XE 개발진에서 기본태그를 앞으로도 계속 제어해 나갈것인지 아닌지에 포커스를 맞추자고요~
-
ForHanbi
2012.04.03 13:13
사실 기본테그는 많이 줄이고 있더군요.
과거에 비교해서 common쪽 css는 많이 줄었습니다.
-
착한악마
2012.04.03 13:00
감사합니다. 추후 레이아웃들을 업데이트시에 점검을해서 패치를 해야겠습니다.
나도 모르게 집주인행세하고 있는지도 모르겠네요..하하하하ㅏ..
-
인수PD
2012.04.03 12:17
기본적인 테이블테그도 문제가 생기네요.. div로 안바꾸고 이전것을 유지한것도 잘못이 있지만..
테이블테그를 사용해서 레이아웃이 구성되면 게시판 통째로 사라지는 진기한 풍경이 연출되어 참으로 당황했습니다. ㅎ
제게 다른문제가 있을지도 모르지만... div로 제구성만 해도 다시 문제없기는 하네요..
그리고 기존에 사용하던 사진 미리보기등이 위에서 말씀하신 것들 때문에 그런건가요?
저도 대략 그렇게 짐작하고 있었거든요..
ㅠ.ㅠ 앞으로 걱정입니다.
여기에 계시는 모든분들 참으로 고생하십니다.
-
guny
2012.04.03 12:28
max-width는 이동식 기기땜에 추가된 속성이 아닐까 생각됩니다만..
이걸 삭제하면 모두 편한가가 문제군요..
다 아시다싶이 IE8버그입니다.
코어에서 max-width패치를 할수도 있겟지만...
이게 특정 조건을 만족해야만 나타나는 버그이기때문에 코어에서 패치하는걸 주저할수도 있지 않을가 생각됩니다.
오히려 개발자가 상속받아서 이 버그에 대한 패치를 하는것이 맞지 않나요?
레이아웃이나 기타 스킨 어차피 개발자가 만드는것이고, 그에대한 버그패치도 해야 하는거 아닌가 싶습니다만...
직접 레이아웃이나 만들어 본적없습니다.. 그 고충을 잘 모릅니다.. 그냥 제의견을 나눌려는겁니다.. 오해는 없으시기들.. -
배워서남준다
2012.04.03 13:01
빙고 입니다~
버그 패치는 스킨 개발자들이 알아서 해결하면 됩니다.
굳이 코어에서 왜 기본을 건드는지... 이유는 간단하지요. XE 에서 기본 제공하는 스킨들 때문아니겠습니까~
XE 코어에서 셋방살이 하는 사람들은 어찌되던 상관않겠다는 의도인것 같습니다만...
이전 업데이트에 문제를 지적해 주었으면, 이번 업데이트에 수정되었어야 햇는데
바뀌지 않았다는것은 그대로 밀고 나가겠다는것 아닌가요~
예전에 악성댓글때문에 Treasurej님이 개발 배포안한다고 하니까 정찬명님이 바로 댓글삭제처리 해주시던데..
Treasurej님같이 XE 마켓에 절대적인 분이 개발 안하겠다고 하면 깨겡 할텐데,
별로 돈 안되는 위젯 개발자이다보니 별 관심이 없는건지...
다시한번 강조합니다.!!!
XE 코어에서 기본태그는 제어하지 맙시다.
다음 업데이트까지 기다려 보겠습니다.
-
ForHanbi
2012.04.03 13:09
이게 사실 레이아웃에서는 이미지를 거는곳이 별로 없어서 큰 문제는 안됩니다.
보통 위젯에서 생기는 문제인데...
하여튼 어찌 되겠지요 ㅋㅋㅋ
그러고 보니 레이아웃에서는 이미지를 등록하더라도 이미지 넓이값을 따로 안걸기 때문에 문제가 안생겼는거 같네요.
구니님덕에 중요한거 하나 알았습니다.
-
배워서남준다
2012.04.03 13:19
네 맞습니다.
위젯에서는 경우에 따라서 이미지 크기를 js나 기타 다른 방법으로 지정해서 사용되고 있는데, 갑자기 height:auto 이란 놈이 나타나서 맘대로 바꿔버리며 주인 행세를 하는데... 그냥 묵묵히 참아야 하나요~
img 태그 하나뿐만 아닙니다. 기타 다른 태그에도 마찬가지입니다.
그래서 가급적이면 XE 코어에서는 기본태그는 제어하지 않기를 바라는것입니다.
-
탑누리
2012.04.04 23:56
여기서 아무리 죽는 소리해봐야 듣지도 않을껄요.
우리는 한낱 베타테스터에 불과하니까...
너무 많이 변경시켜서 이젠 손도 못 댈 지경입니다.
한두가지가 문제여야지... 완전 다운그레이드~~
1.5 버전 이후로 안 쓴다는 사람 꽤 많아요.
특히 위젯 개발하던 분들....
개발자들은 뭘 하고 있는지 아무리 포럼에대고 글을 써도 XE 초창기엔 모든 글에 댓글을 달아줘서 심리적으로 도움이 됐는 데 요즘은 초보자들은 거의 멘붕 수준입니다.
말 그대로 셋방살이라 아무말 안 하는 거지...
저번에 하도 짜증나서 저도 글 올렸다가 다음날 술깨고 지우는 셋방살이일뿐...
-
Cody
2012.04.05 04:01
max-width는 박스모델에서나 사용하는 것인데 img에 속성으로 사용하다니 이것도 무슨 hack 같은 겁니까? 개발팀이 실수한 것 같으니 지우고 쓰면 될 듯 하군요.
-
idwoojung.myid.net
2012.04.05 12:41
잘은 모르겠지만 아마도 CDN처리때문에 그렇게 된듯합니다.
config>config.inc.php 135번째 줄을 보시면
* @brief CDN version
**/
if(!defined('__XE_CDN_VERSION__')) define('__XE_CDN_VERSION__', 'relax');이렇게 처리가 되어 있는데 다 아시겠지만 CDN 은 대용량의 콘텐츠를 빠르고 안정적으로 전달하기 위해 등장한 서비스이지 않습니까 아마도 쉬운설치를 위해 그런것 같은데 맨 마지막 주석을 보면 relax로 되어 있습니다.
그렇기 때문에 위젯에도 영향을 줘 이미지등을 불러 오지 않게 된듯 합니다.
* @brief CDN version
**/
if(!defined('__XE_CDN_VERSION__')) define('__XE_CDN_VERSION__', 'companion');이렇게 주석처리 하면 정상작동이 됩니다.
그런데 이 주석문을 이렇게 한이유가 혹시 보안을 위한 것인지를 모르겠습니다.
더 정확한 것은 지금 CDN 주석문에 따라 위젯의 영향을받는 다면 분명 해결되어야 할 문제점이라고 생각합니다.
-
ForHanbi
2012.04.05 23:28
core쪽과 상관없는 ie8의 버그입니다.
img{max-width:100%}일때 그걸 감싸는 block 속성의 태그(바로 감싸든 몇 십단계 위에서 감싸든)가 display:inline-block의 속성값을 가지고 있을때 생기는 버그인데요.
display:inline-block 이라는게 float을 해도 똑같은 성격을 부여받는지라 사실 무조건 걸린다고 봐야죠.
float을 안하고는 레이아웃의 좌우로 나눌수 없다보니...
하여튼 해결책은 여러가지 있으니까 알만한 사람들은 알아서 해결하든...
그리 해야겠죠.
-
구글링기피증
2012.04.05 17:41
초본데요.. 여기계신분들 덕분에 문제가 있다는거나 알았네요 감사합니다
-
정찬명
2012.04.06 10:32
이 버그를 재현할 수 있는 정보를 이슈트레커에 등록해 주시면 확인해 보겠습니다. 아직 이슈 트레커에서 이런 이슈를 본 적이 없는것 같은데요.
-
ForHanbi
2012.04.06 10:48
문제가 발생하는 조건과 제가 아는범위 내에서 해결책을 이슈 트레커에 올려 뒀습니다.
-
배워서남준다
2012.04.06 14:19
가장 간단한건 코어에서 기본 태그 제어 안하면 됩니다.
max-width 와 height 삭제하면 쉽게 해결되는것을...
css 핵을 넣고, 이러 저런 방법을 찾아서 매번 코딩할때마다 추가해줘야 할까요?
가장 간단히 img 태그에서 속성 삭제하면 됩니다.
간단한 방법이 있는데 왜 험난한 길로 돌아가려고 하십니까?
코딩 실력 자랑하기 위함입니까?
쉽게 갈수 있는것을 왜 모두 어렵게 만드시는지 전 잘 이해가 안되네요.
혹시 이것도 모바일때문인가요?
ㅎㅎㅎ
이전에는 없던 속성인데 왜 추가를 하신건가요?
추가하신데는 그만한 이유가 있다고 생각하는데요.
개발진에서 왜 그것을 꼭 고집하는지 이유나 좀 들어봅시다.
-
강하레
2012.04.06 14:28
이제 이슈 트래커에 올라간 모양인데 코딩실력 자랑이 어쩌구 하시는건 너무 앞서가신게 아닌가 싶습니다.
-
배워서남준다
2012.04.06 15:33
쉬운 방법이 있는데, 어려운 방법을 제시하고 있는 모습을 보니 답답해서 좀 앞서갔던것 같네요.
불쾌하게 받아들여졌다면 죄송합니다.
저의 요지는 하나입니다.
코어에서 기본 태그는 제어하지 말자는겁니다.
쉬운길을 두고 어렵게 돌아가도록 하지 않았으면 좋겠습니다.
고수분들은 이런일이 아무렇지 않을지 모르지만,
이제 갓 입문하는 신입생들에겐 중노동하는 삽질이 될수도 있음을 알아주셨으면 합니다.
예전에 xe 1.4 에서 xe 1.5 로 업하면서, DB 구문이 바뀐부분을 알려주지 않아서, 아무런 내용이 안나온다는 불평을 많이 들었습니다. 레이아웃 개발자들에겐 해당사항이 안되었지만, 위젯 개발자들에겐 문제가 되었거든요.
지금도 종종 똑같은 문제 때문에 문의하시는 분들이 있습니다.
xe 마켓에 레이아웃은 많지만, 프로그램쪽은 별로 없습니다.
xe 공홈에 저보다 뛰어나신 분들이 많은데요. 왜 프로그램 쪽은 파리가 날리는 것일까요?
이유야 여러가지 있겠지만... 이런 작고 사소한 부분에서부터 문제가 있다고 저는 생각합니다.
그만큼 xe 개발자들이 업데이트 할때만큼은 추가되고 수정되는 부분에 대해서는
좀더 많은 토의와 테스트가 이루어졌으면 합니다.
그리고, 기존에 있는 개발자들이야 혼자 알아서 뚝딱 잘 해결하지만,
이제 시작하는 신입 유저들도 좀 생각해 주시길 바랍니다.
거의 xe 에서 올라오는 공지나 노트는 대부분 전문 개발자들만 이해할수 있는 내용으로 올라옵니다.
자세한 설명이 있는것은 별로 못봤습니다. 길어야 2-3줄 정도...
사용하라는 건지.. 하지 말라는건지... 있으니까 알아서 찾아 쓰라는 식입니다.
xe 로 밥먹고 사는 분들이야 수단과 방법을 안가리고 연구해서 풀어 쓰시겟지만,
xe 공홈에는 그렇지 않은 분들이 더 많습니다.
어찌보면 프로그램 소스하나 수정하기 어려워 하는 분들도 꽤 많이 있습니다.
얘기하다보니 이상하게 내용이 길어지네요~
하고 싶은 말 많이 잇지만 이쯤에서 그만해야 할것 같네요.
답답한 마음에 이런 저런 푸념들을 늘어놓은것 같네요.
죄송하고 감사합니다.
-
ForHanbi
2012.04.06 15:36
아마 그렇게 될거 같습니다.
이 부분을 개발팀에서 알고 있으면서 1.5.2.2에서 수정을 안하거라고 봤는데
다른분들이 이슈에 등록을 하지 않았다고 하더군요.
내용 파악되시면 common에서 시작하는 문제는 common에서 해결을 하지 않을가 싶습니다.
-
배워서남준다
2012.04.24 19:21
오늘 구글 리비젼 확인해 보니, 저희가 요청한 부분이 적용이 되었네요.
.xe_content 클래스로 종속(?) 되었네요. 종속이란 표현이 맞나... ㅋㅋ
요청한 부분 적용해 주셔서 감사합니다.
감사합니다~
^^
-
이지데브
2012.04.24 21:13
아... 코어에 맞춘다는게 정말 힘드네요..
이리 찔러논걸 그거에 맞춰노면 다시 또 되돌리고... 되돌리면 또 그거에 맞춰야 하고..
개발하시는 분들이 위에 여러분들이 말씀하신걸 잘 읽어봐주시고 패치 해주시면 정말 감사하겠습니다..
"쉬운길을 놔두고 어려운 길을 가는" , "사용자를 상대로 코딩실력 뽑내기" 참 와닿는 말입니다.
개인적으로 현재까지 1.5.2 버전이 가장 안정적이고 문제가 별로 없는 1.5 버전인듯합니다..
감사합니다. 개발자님 수고 부탁드리겠습니다.
만약 XE 개발진에 저 속성을 계속 고집한다면 결론은 하나입니다.
XE에서 기본제공하는 스킨만 사용하라는것 아닐까요?
max-width:100%;height:auto 이것때문에 얼마나 스킨제작하기 힘든지 XE개발팀은 잘 모르는 모양입니다. 뭐 때로는 편할수도 있겠지만 어찌 한방향만 고집하시는지... ㅜ.ㅜ
아니면 이미지는 빼고 텍스트만 출력하란 의미인가요?
다시한번 강조하며, 부탁드립니다.
가능하면 코어에서는 기본 태그는 건드리지 않았으면 합니다.