IE에 여러 줄로 표시되는 메뉴

나는 웹 사이트에서 일하고 있습니다. 이 사이트는 Chrome에서 잘 작동하지만 IE에서는 메뉴가 여러 줄로 표시됩니다. 제발 도와주세요. 감사합니다
IE에 여러 줄로 표시되는 메뉴

CSS는이,

#menu{ 
    margin-left: 353px; 
    margin-top: -70px; 
    padding-bottom: 16px; 
}

출처

2012-06-07 Fahad Uddin

되지 않음 대답에 의해 #menu의 폭을 증가하지만, 당신이 기본 탐색에 대한 이미지를 사용하지 않아야 문제를 해결 특히 텍스트 일뿐입니다. – MrMisterMan

메뉴 div의 컨테이너는 어떻게 생겼습니까? 나는 문제가 메뉴 div의 너비와 같다고 추측하고있다. IE 개발자 도구를 사용하여 확인하고 Chrome과 비교해 보았습니까? –

@ JeffSiver : 감사합니다. 문제는 div의 너비와 관련이 있습니다. div의 너비를 정의하지 않았습니다. 나는 방금 넓이를 정의하여 돌아 왔고 그것은 잘 동작했다. 감사합니다 –

이, 그냥 (이 그것을 주석이 이유입니다) 50px-

#menu { 
    width: 550px; 
}

출처

2012-06-07 13:23:32 Dipak

예, 문제가 해결되었습니다. 그러나 나는 그것에 너비를 할당하지 않았다. 500px로 어떻게 예상 했습니까? –

CSS에 폭 : 500px ~ #menu가 있었는데 이제는 600px로 만들었습니다. 좋은! :) – Dipak

마우스 오버 이벤트가 있고 모든 것이 하나의 행으로 완벽하게 정렬 될 때까지 폭이없는 'ul' 메뉴가 있었고 때로는'li'가 여러 행으로 붕괴되는 경우가있었습니다. 'ul'에'min-width'를 추가하는 것은 어떻게 작동시키고 싶지는 않지만이 경우에는 내 문제를 해결했습니다. –

나는이 기계에 IE를 가지고 있지만 추가하지 않습니다

#menu a img { 
    border: 0; 
}

당신의 CSS에.

출처

2012-06-07 13:09:22 MrMisterMan

고마워요. 국경 문제가 해결되었습니다. 하지만 탐색은 여전히 여러 줄로 이루어져 있습니다. –

#menu{ 
    margin-left: 353px; 
    margin-top: -70px; 
    padding-bottom: 16px; 
    width:550px; 
}

너비를 추가하면 문제가 해결됩니다. 감사합니다

출처

2012-06-07 13:21:41

IE에 여러 줄로 표시되는 메뉴

답변

관련 문제