display: inline-block; 웹표준 익스에서 달라지는 이유...
무크
안녕하세요
급하게 2가지 질문이 있습니다.
1. 파폭,크롬,익스에서의 차이점을 여쭤보려구요..
.faceb_linkage2 .facebLogin ul li{display: inline-block;}하면
파이어폭스 | 크롬 | 익스플로러 이런식으로 나와야 하잖아요?
그런데 익스8.0에서 (호화선보기 체크시)에....
파이어폭스 |
크롬 |
익스플로러
이렇게 나옵니다.
.faceb_linkage2 .facebLogin ul li{display: inline;} 이렇게 해주면
제대로 나오는대신에...
크롬에서
파이어폭스 | 크롬 | 익스플
로러
이렇게 나오고요....ㅠㅠ
이 이유가 무엇인지 모르겠습니다.
호환성보기 체크로 회사에서 계속 기획자가 테스트를 해서....이 차이가 무엇인지 모르겠습니다.
그리고 2번째 display:inline 으로 하면 그 다음 div에서 text-align:right 해도 먹질 않습니다.
이것도 물론, 익스에서요...
2. Background img 익스에서 안보이는 이유.
.fab_welcomeBox{position:relative;width:960px;height:206px; text-align:center; background:url(11/Bg.gif)no-repeat left top;margin:15px 0;}
.fab_welcomeBox .welcomeImg{position:relative;padding:26px 0 0 0;}
.fab_welcomeBox .fabEmailBox{width:770px;height:40px;text-align:center;margin:15px auto;background:url(11/logoBg.gif) no-repeat left top;}
.fab_welcomeBox .fabEmailBox .fabBox{padding:10px 0 0 15px;}
.fab_welcomeBox .fabEmailBox .fabBox .fabEmail{display:inline-block;padding:0;width:180px;line-height:18px;color:#fff;}
.fab_welcomeBox .fabEmailBox .fabBox .fabLogo{vertical-align:-5px;;}
.fab_welcomeBox .fabOkTxt{margin: 10px auto;width:360px;padding:0 0 0 25px;background:url(11/ico_arrow_gray.gif) no-repeat 20px 5px;}
위에 처럼 css를 주었는데요
.fab_welcomeBox .fabEmailBox 에 나오는 logoBg는 나오는데요...
.fab_welcomeBox 에나오는 Bg가 익스에서만 안나옵니다.
이건 호환성과 아닌것 상관없이 안나옵니다.
익스 9에서는 나왔었는데 익스 8에서 안나와서요...ㅠㅠ
꼭 답변 부탁드립니다.
넘겨야하는데 집에서 주말에 작업해왔는데...회사에서 보니...이렇게 나와서요 ㅠㅠ