가로로 정렬하는 2 개의 블록 (하나는 떠 다니는 것)

Question

2 개의 메인 블록을 수평 정렬 (화면 해상도에 관계없이)하고 싶습니다. 하나는 부표가 있습니다 : 왼쪽.

margin-left : auto를 .site (오른쪽의 기본 콘텐츠 블록)로 설정하면 가로로 정렬됩니다. 문제는 사이드 바 (왼쪽의 블록)를 정렬하는 방법을 모르겠다는 것입니다. 메뉴가 콘텐츠 블록에 완벽하게 "부착"되도록해야하기 때문에 어렵습니다. (따라서 상대 위치를 사용할 수 없으며, 왼쪽 : XXpx는 다른 해상도에서 변경되기 때문에 사용할 수 없습니다).

아이디어가 있으십니까? :)

편집 : 가능하면, IE 7 ~ 8도 (불행히도)와 함께 작동 솔루션 : D

Answer 1

내가 여기서 뭔가를 누락 될 수 있습니다,하지만 당신은 단지 2 개 블록 요소를 얻고을 만들고 싶어 센터 - 수평으로 정렬 되었습니까?

그냥 다른 div로 감싸고 해당 래퍼 div를 margin: 0 auto으로 맞 춥니 다.

체크 this link.

<div id="#wrapper"> 
    <div id="sidebar">Sidebar</div> 
    <div id="content">Content</div> 
</div> 

편집 : 당신은뿐만 아니라 (그리고뿐만 아니라 사이드 바) 컨텐츠 사업부를 떠해야 물론