[긴급]PHP 원격 코드 실행 취약점 안내
이전
목록
다음
B

background-position 에 어떻에 대응하십니까??

Faceissue
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2013-01-24 (목) 15:12:35 · 4760 · 13
저로 말하자면 픽셀인간이라고...
처음엔 대충 만들어도 다만들고나서 리뉴얼 한번 더하는 성격 입니다.
똑같은 디자인에 또리뉴얼 그이유는 크로스브라우징 때문인데요

픽셀인간이라고 말씀드린거처럼 배경이 1픽셀만 어긋나도 다 지우고 새로해보고 연속입니다.

반가원요 | 누구세요
이렇게 되어있을때 | << 애가 파폭 크롬 ie 몇버전은 지원이 안되더군요
| << 애가 위로 1픽셀 올라가있다거나 밑으로 내려가있다거나 정확하게 맞추기가 힘들더라구요

혹시 CSS만으로 대응 어떻에하십니까?

참고로 전 ie6,ie7,ie8,ie9,ie10 크롬 파폭 여기까지 전부 다 맞춥니다.
ie5.5는.. 설치가 안되서 포기...

#퍼블리셔톡 #퍼블리셔
|

댓글 13개

gilynh
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 15:23:56
전 사용자가 불편함을 느끼지 않을 정도라면 크게 관여 안하는 스타일입니다.
물론 꼼꼼히 스크린에 30cm자를 대어 보면서 픽셀 계산하는 고갱님께는 굽신 해야겠지만요..
Faceissue
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 16:43:03
헉 ㅋㅋㅋㅋㅋㅋㅋㅋ 30cm자 ~ ㅋㅋ 빵 터졌네영 ㅋ
모노폴리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 17:13:41
비슷하면 타협하는 선입니다. ie8미만으로는 다 버렸습니다. ㅋㅋㅋ
kiplayer
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 17:36:28
전 좀 공감 스타일 조금 틀어지면 전부 다 맞춥니다..
제가 ㅡㅡ;; 소싯적에 수학을 전공해서 그래도 왠만하면 한번에 다 맞추는 편입니다.
근데 저도 ie8 미만은 버렀습니다. 이건 구제불능수준이라,,,,,,

전 ie8 ,ie9, 크롬, 사파리, 화폭 까지만 맞춥니다.
Faceissue
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 18:24:31
헉 ㅠㅠ 흐엉
퍼블리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 21:00:17
1px 라면 핵써서라두 마추던가 버전별 css를 사용할수 밖에없더라구요.. 환장하죵..ㅜㅜㅜㅜㅜㅜㅜ
지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-24 (목) 23:14:06
백그라운드 이미지를 사용하면 비교적 맞추기가 수월하죠.
텍스트로 | 쓸 때는 크로스 브라우징은 포기하는게 정신건강에 좋습니다.
브라우저마다 글줄 랜더링하는 기준점이 다른 것 같아요.
연구를 한번 진득히 해보면 좋겠는데 실무하면서 난해하단 느낌을 받을 때가 많습니다. em 이라 더 그런지도...

암튼 그리고 웹 접근성까지 고려하면 | 을 쓰는게 시각적으로 구분하는 것 외에 화면낭독기 사용자들에게는 무의미한 혹은 잡음이 될 수 있어서 잘 사용 안하게 되더라구요.
퍼블리
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-25 (금) 00:08:51
그죠 백그라우드도 센터로잡아도 em line-height vertical-align 등등 때문에 1px 내려가잇다던지.. 탑에서부터 px로 내려도 ie...ㄷㄷㄷㄷㄷㄷ
신경써야할게 너무 많다는...
Faceissue
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-25 (금) 03:32:34
헉 ㅋㅋㅋㅋㅋㅋ | << 이거 이미지 입니다. ㅋ 제가 이미지라고 말씀안드렸군요 ㅋ
Faceissue
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-25 (금) 05:50:59
백그라운드 이미지 인데도 ie 크롬 파폭 마다 다르고 지원여부도 달라서 잘안되더군요 어긋나면 안되서
그냥 img 이미지 처리로 해야겠습니다.. 백그라운드로는 1x11픽셀짜리 완벽한 크로스브라우징이 안된다는걸 알았습니다.
크로셀
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-30 (수) 23:07:20
"OS가 다르고 글꼴이 다르며, HTML을 렌더링(Rendering)하는 엔진이 다르기 때문에 모든 웹브라우저에서 100% 똑같이 보이게 하는 것은 가능하지 않다. Cross Browsing이란 적어도 표준 웹기술을 채 용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적 화되어 치우지지 않도록 공통 요소를 사용하여 웹페이지를 제작하는 기법을 말하는 것." 예전 MDN 에서 크로스브라우징에 대한 내용에 이런 부분을 보고서 이후로는 1px 틀어지는 부분에 대해서 30분이상 신경써 본 적이 없는 것 같아요
Faceissue
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-01-31 (목) 01:09:32
아하 그렇군요 ㅎㅎ

아직 까진 정확한 1픽셀 을 잡지못하는 웹이군요.. 더발전 해야만
누군가에게 어떠한 조건에서든 동일하게 보여줄수있겠군요

이런것에서는 마음이좋지 않네요 누구에게나 동등하지 않다는것이..
lainfox
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-04-01 (월) 14:35:17
| 이미지였군요 ㅎㅎ;
텍스트던 이미지던 백그라운드 이미지던
이렇게 나열되는 곳에서는 line-height 와 함께 놀아주면 맞추기 편해지실 거에요.
브라우저마다 렌더링 하는 텍스트 line-height값이 달라 위아래 들쑥날쑥 하는 것을 어느정도!? 보정하실 수 있을것입니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-02-27 조회 4,071
13-02-27 조회 3,417
13-02-27 조회 6,727
13-02-27 조회 4,114
13-02-26 조회 1.2만
13-02-26 조회 3,596
13-02-26 조회 3,871
13-02-26 조회 6,232
13-02-26 조회 3,824
13-02-26 조회 4,712
13-02-26 조회 6,513
13-02-26 조회 4,034
13-02-25 조회 3,969
13-02-24 조회 8,152
13-02-24 조회 4,230
13-02-24 조회 3,483
13-02-24 조회 5,285
13-02-24 조회 5,284
13-02-24 조회 4,352
13-02-24 조회 5,692
13-02-24 조회 9,377
13-02-24 조회 5,004
13-02-22 조회 3,532
13-02-21 조회 4,668
13-02-21 조회 4,783
13-02-20 조회 5,488
13-02-19 조회 3,336
13-02-19 조회 4,457
13-02-19 조회 3,186
13-02-19 조회 4,805
13-02-18 조회 5,468
13-02-18 조회 3,624
13-02-16 조회 6,900
13-02-15 조회 1.3만
13-02-15 조회 4,166
13-02-15 조회 5,436
13-02-14 조회 5,073
13-02-14 조회 5,536
13-02-13 조회 8,996
13-02-12 조회 5,262
13-02-12 조회 5,938
13-02-12 조회 3,940
13-02-07 조회 3,522
13-02-06 조회 4,585
13-02-05 조회 8,918
13-02-05 조회 4,196
13-02-05 조회 7,625
13-02-04 조회 3,479
13-02-04 조회 7,220
13-02-04 조회 4,157
13-02-03 조회 3,998
13-02-02 조회 4,022
13-02-02 조회 4,133
13-02-01 조회 3,339
13-02-01 조회 3,309
13-02-01 조회 2.3만
13-01-31 조회 3,238
13-01-31 조회 3,984
13-01-30 조회 3,938
13-01-30 조회 4,222
13-01-30 조회 6,350
13-01-30 조회 3,471
13-01-30 조회 5,033
13-01-29 조회 7,645
13-01-28 조회 3,485
13-01-28 조회 6,776
13-01-28 조회 4,003
13-01-28 조회 6,721
13-01-28 조회 3,763
13-01-25 조회 4,855
13-01-25 조회 3,811
13-01-25 조회 5,097
13-01-25 조회 1.1만
13-01-24 조회 4,884
13-01-24 조회 4,761
13-01-24 조회 4,412
13-01-24 조회 3,355
13-01-24 조회 5,005
13-01-24 조회 4,877
13-01-23 조회 3,352
13-01-23 조회 4,036
13-01-23 조회 3,420
13-01-23 조회 3,558
13-01-23 조회 4,176
13-01-22 조회 6,678
13-01-21 조회 5,118
13-01-20 조회 5,190
13-01-20 조회 6,804
13-01-20 조회 6,523
13-01-19 조회 6,252
13-01-19 조회 7,112
13-01-18 조회 3,860
13-01-18 조회 8,890
13-01-18 조회 4,044
13-01-18 조회 3,941
13-01-18 조회 6,168
13-01-18 조회 5,847
13-01-18 조회 8,381
13-01-18 조회 5,717
13-01-18 조회 6,220
글쓰기