2011-03-29 4 views
0

DIV이 있다고 상상해보십시오. 다른 div와 함께 행에 표시하려면 CSS 시트의 다른 스타일 정의와 함께 display: inline-block을 지정하고 있습니다.Internet Explorer에 다른 CSS 줄을 제공하는 방법은 무엇입니까?

이제 Internet Explorer에서 원하는 동작에 대해 display: inline;이 필요합니다.

좋은 브라우저에 대한 정의를 덮어 쓰는 별도의 스타일 지정 명령을 Internet Explorer에 제공하려면 IE에만 ​​display: inline;이 있어야합니다. 기술 제한으로 인해 <![If IE] --> -stuff을 HTML에 사용할 수 없기 때문에 CSS 파일 내에 있어야합니다.

+0

얘기하는 IE를 지정하십시오. 인라인 블록 요소에 대해 모두 동일하게 동작하지 않습니다. – meo

+0

IE 버전 5가 8까지입니다. (모두 영향을받습니다.) –

+0

[내 대답] (http://stackoverflow.com/questions/5470358/how- 당신의 의견을 반영하기 위해 인터넷 익스플로러 - 다른 -Css 라인/5470395 # answer-5470395) – Alex

답변

2

당신과 같이 선택기를 사용할 수 있습니다

\9 - IE8 이하, * - IE7 이하, _ - IE6

그래서

를 귀하의 경우 :

*display: inline; 

당신은 간단하게 추가 할 수 있습니다 이 CSS의 나머지 부분에 :

div{ 
display: inline-block; 
// some; 
// other; 
// css; 
*display: inline; 
} 

Read my blog post on this.

업데이트

IE는 (그들은 모두 영향을받는) 5 8까지 버전 - Cobra_Fast 1 분 전

이 경우에, 당신은

을 사용하십시오
div{display\9:inline;} 
+0

'IE 해킹'을 추가하는 방법은 몇 가지가 있습니다. – Alex

+0

감사합니다. 그것은 그것을 완전히 해결했습니다! –

+0

사이트에서 나를 허용 할 때 나는 할 것이다 ... –

0

IE에 읽어하려는 HTML을 변경할 수 있지만

실제로 인라인 블록에 대한 아주 좋은 지원을하고있다 - 요소가 원래 인라인 요소 인 경우. 따라서 div 대신 span을 사용해보십시오.

0

나는 자주 내 대답이 추가, IE7에서 블록 수준 요소에 inline-block 작업을 만들려면 :

내가 확실히 내가 실제로 모든 곳에서 제안하고있어 작동 희망 : D

참조 : http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

selector { 
    display: inline-block; 
    *display: inline; 
    zoom: 1; 
} 
관련 문제