CSS 정렬 문제 (float vs text-align)

Question

내 포럼에 3 가지 것들을 놓으 려합니다. 왼쪽 상단에 메뉴 링크가 있고 오른쪽 아래에 메뉴 막대가 있고 그 아래에 로고가 있습니다.

이 접근법을 사용하면 정확하게 내 localhost 설정에서 원하는 방식으로 나타납니다. 그러나 라이브 웹 사이트에 업로드하면 모양이 달라 집니까? 로고가 미디어 박스를 왼쪽 여백으로 "보는"것처럼 보이는 반면, 오프라인은 미디어 박스를 무시하고 페이지의 중심에 있다는 점에서 다릅니다. 같은 브라우저에서 모든 것이 동일하므로 왜 그렇게 당황 스럽습니까?

#logo{ 
    display: block; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    } 


#brdmenu { 
    display: inline-block; 
    float: right; 
} 

#media { 
    display: inline-block; 
    float: left; 
    padding: 10px 10px 0px 10px; 
} 

나는이 스팸하지만 전체 CSS 아닌 희망을 (어떻게 라이브 보인다는) 여기에서 볼 수있다 : 문제가에 대한 폭의 부족 수 있습니다

Answer 1

www.strengthandfitness.co.uk #심벌 마크. 업데이트 된 코드는 Chrome/FF에서 나를 위해 작동합니다.