div가 확장 될 때 div가 확장되지 않거나 div가 확장 될 때 가운데가되지 않습니다.

Question

흠 이것은 이상합니다.

IE에서는 작동하지만 FF는 작동하지 않습니다.

하기에 모습을하시기 바랍니다 : http://www.sumsy.com/temp/test11/test.html http://www.sumsy.com/temp/test11/test2.html

문제는 테이블을 확장 한 후, 외부 대부분의 사업부는 (# 몸 왼쪽)이 아닌,이다 (표는 1200 픽셀로 확대) (표 처음 980 픽셀입니다) FF에 더 이상 중심을 두지 않았습니다. 왼쪽의 공간은 동일하게 유지됩니다.

파이어 버그로 확인한 결과, # body-left div 너비는 999px로 고정되어 있으므로 테이블이 펼쳐지면 확장되지 않았습니다.

# body-left div에서 999px 너비를 제거하여 문제를 해결할 수 있습니다. 그러나 만약 내가 그렇게한다면, div는 더 이상 중심이되지 않을 것입니다.

센터링해야하므로 폭을 지정해야합니다.

주위에 어떤 문제 해결?

감사합니다.

Answer 1

• width 속성을 #body-left에서 제거하고 display: inline-block을 추가하십시오.
• body에서 text-align: center을 추가하십시오.
• #body-left에 text-align: left을 추가하십시오. Live Demo

  당신은 IE7을 걱정하는 경우

는 #body-left에 추가 : *display: inline; zoom: 1.