테스트 사이트 - 개발 중인 베타 버전입니다

모든 익스에서 똑같이작동할려면??어떤식으로해야되나요?

· 13년 전 · 1293 · 6
{ position:absolute; margin:5px 0 0 45px;}
해서 하니 익스에선 여기 크롬에선 저기 가있던데
왜 저런건가요;;
해결방법이 없는건가요?
 
모든 브라우저에서 동일하게 볼수있게할려면 어떻에해야되나요? ㅎ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 6개

13년 전
style 을 그냥 padding 값으로 주셔야 할거 같습니다.
아 이미지 그 조절할때요? ㅎㅎ
13년 전
귀찮으셔도
padding-left
padding-right
padding-top
padding-bottom

으로 주면 그자리 잘 지킵니다.
아하 감사합니다. ㅎㅎ
브라우저마다 랜더링 엔진이 달라서 생기는 문제입니다.
크게 3가지의 렌더링 엔진에 맞춰서 제작하시면됩니다.
MS 익스플로러
웹킷엔진(애플 사파리, 구글크롬)
게코엔진(모질라 파이어폭스)
신경쓸 부분은 웹킷과 게코는 CSS렌더링이 비슷하고 IE만 별도로 처리하면 대다수 렌더링이 비슷할 것입니다.
관련 정보를 얻으시려면 키워드 "IE Hack"으로 구글링해보시면 자세한 정보를 얻으실 수 있을겁니다^^
IE는 버전별로 또 다르지요!
IE6,IE7도 브라우징을 원하신다면 생각할게 더 많아지지요
margin버그는 padding을 이용하시면 되겠지만 디자인적으로 한계가 있지요

게시글 목록

번호 제목
8265
20403
20402
20401
20400
8259
20399
20398
8255
8249
8246
8242
20396
8240
20395
20394
31033
28385
20393
28380
20392
28377
20391
20390
20389
20388
20387
20386
20385
20384
20383
20382
8238
20380
20379
28376
28372
20378
20377
8235
20375
20374
20373
20372
20371
20370
28370
20369
28366
20368
20367
20366
20365
20364
20363
20362
20361
20360
20359
8231
20358
20357
20356
20355
20354
20353
20352
20351
20350
20349
20348
20347
20346
20345
20344
20343
20342
20341
20340
20339
20338
20337
20336
20335
20334
20333
20332
20331
20330
20329
20328
20327
20326
20325
20324
20323
20322
20321
20320
20319