브라우저별 출력 width가 다른 이유가 무엇일까요?
늘 벽을 만날때면 무한 구글링을 이용해 조금씩 해답을 찾아가는 초보 입니다.
오늘 제이쿼리 슬라이드를 하나 구해서 하루종일 공부를 하고 있는데
this.dom.title = $("<div class='imageTitle'>"+this.titles[0]+"</div>");
this.dom.title.css({
'background-color' : '#000000',
'color' : '#FFFFFF',
'position' : 'absolute',
'bottom' : 0,
'left' : 0,
'width' : params.width - 0,
'padding' : '5px 10px',
'z-index' : 5
});
js파일에 이런 구문이 있더군요...
본래는 width' : params.width - 0 , 이 부분에 - 20의 값이 주어져 있었습니다.
크롬과 파폭에서는 정상적으로 출력이 되는데 -0 값을 주지 않으면 익스에서는 여지없이 title부분이 밀립니다.
타 사이트에 여쭤보니 브라우저마다의 해석 차이라는데
익스플로러에서만 다르게 출력이 되어지는 '해석 차이'라는 근본적인 내용이 무엇인지 매우 궁금합니다.
공부를 하다보면 차츰 알게 되겠지만 조금 성급하게 답을 얻어보고자 질문을 올립니다.
재미진 새벽들 되시기 바랍니다. ^~^
오늘 제이쿼리 슬라이드를 하나 구해서 하루종일 공부를 하고 있는데
this.dom.title = $("<div class='imageTitle'>"+this.titles[0]+"</div>");
this.dom.title.css({
'background-color' : '#000000',
'color' : '#FFFFFF',
'position' : 'absolute',
'bottom' : 0,
'left' : 0,
'width' : params.width - 0,
'padding' : '5px 10px',
'z-index' : 5
});
js파일에 이런 구문이 있더군요...
본래는 width' : params.width - 0 , 이 부분에 - 20의 값이 주어져 있었습니다.
크롬과 파폭에서는 정상적으로 출력이 되는데 -0 값을 주지 않으면 익스에서는 여지없이 title부분이 밀립니다.
타 사이트에 여쭤보니 브라우저마다의 해석 차이라는데
익스플로러에서만 다르게 출력이 되어지는 '해석 차이'라는 근본적인 내용이 무엇인지 매우 궁금합니다.
공부를 하다보면 차츰 알게 되겠지만 조금 성급하게 답을 얻어보고자 질문을 올립니다.
재미진 새벽들 되시기 바랍니다. ^~^
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 1개
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug