Firefox와 IE에서 수평 정렬이 작동하지 않습니다.

내 사이트가 Google 크롬에서 완벽하게 실행되지만 Firefox 또는 IE에서 볼 때 완벽하게 어색합니다. 누군가이 문제를 해결하도록 도와주세요. 고맙습니다.Firefox와 IE에서 수평 정렬이 작동하지 않습니다.

웹 사이트에 대한 링크는 다음과 같습니다

파이어 폭스/IE의 문제점은 3 개 박스 중앙에 정렬되지 않은 것입니다. 크롬의 경우와 같이 정확히 원하는 중심에 맞춰 정렬됩니다.

감사합니다.

2011-03-29 user600454

문제가되는 페이지에 대한 코드 또는 링크를 게시하십시오! – Czechnology

올바르게 표시되지 않는 부분에 대한 설명을 정확하게 추가하십시오. 파이어 폭스 4에서보기는 괜찮아 보인다. – scunliffe

@Scunliffe - Chrome에서 한 번 확인, 3 박스 (1. 뉴스 2. 'Roboshaala'& 'School Robotics'로 구성된 뉴스 2. 'Internship'& 'My RoboBazaar'라고하는 이미지로 구성) – user600454

콘텐츠 상자는 인라인 블록입니다. 그리고 왼쪽으로 뜬다.

display:block 블록을 중앙 margin:0 auto;에 정렬하고 float을 제거하십시오. 이것이 도움이 될 것 같습니다.

및 기타 박스 같은뿐만 아니라

2011-03-29 10:28:15 Headshota

정확히 어디서 두 번째 변경합니까 ??? '코드'여백 : 0 자동; – user600454

Css 파일이 분명히 – Headshota

LOL .. 나는 그 쇼타를 알고있다. 줄을 찾으려고 노력했다. 그럼에도 불구하고 나는 그 줄을 크게 들었다.그러나 shanges havent ... 도왔다 같은 ... – user600454

당신은 개방/폐쇄 된 div의 나쁜 중첩의 경우가 있습니다.

당신은

<!-- .. END OF THE CONTENT .. -->

코멘트 후 </div>을 주석 처리해야합니다.

HTML에 문제가있는 경우 각 브라우저는 표준화되지 않은 방식으로 문제를 해결하려고합니다. 당신이있는 style.css에서 #frontcontent-container 규칙을 줄이면

2011-03-29 10:37:43

단지 읽기 :

#frontcontent-container { 
    margin: 0 auto; 
    width: 960px;  
}

트릭을해야한다고. 문제는 왼쪽으로 떠 다니고 인라인 블록으로 표시하는 것입니다. 또한 스타일 시트를 두 번 포함하는 것 같습니다.

아, 마크 업에는 문제가있는 것 같습니다. 래퍼 div는 실제로 많이 포장하지 않으므로 어딘가에 닫는 태그가없는 것 같습니다.

2011-03-29 10:38:19 WickyNilliams

답변