2012-09-27 2 views
0

내 회사 웹 사이트 http://www.ensorbuilding.com에서 가운데 ​​내용이 항상 왼쪽 메뉴와 겹치며, 때로는 오른쪽 메뉴가 다른 두 항목과 중첩됩니다.기둥의 높이 문제

코드는 내가 자바 스크립트 자동 높이 수정을 많이 사용했지만 그들 중 누구도이 일 것으로 보이지 않는다이

<aside id="left_menu"></aside> 
<section id="content"></section> 
<aside id="right_menu"></aside> 

처럼 보인다?

누구든지이 문제에 대해 어떤 의견을 제시 할 수 있습니까?

고마워요!

+0

아무런 문제가 없습니다. 당신은 정교 할 수 있습니까? 이 문제가 특정 브라우저에서 발생합니까? – SNAG

+0

어떤 브라우저에서 문제가 발생합니까? 문제가있는 레이아웃의 스크린 샷을 게시 할 수 있습니까? 왜 처음에 특정 높이를 컬럼에 할당하는지 명확하지 않습니다. – Blazemonger

+0

Chrome, Firefox 및 Internet Explorer 9에서이 방법을 볼 수 있습니다. http://imageshack.us/a/img195/2685/problem2xf.jpg – Dan

답변

0

코드를 보지 못했지만 만든 경우 세 부분 (메뉴와 내용 모두)에 고정 폭이 적용됩니다. CSS의 예를 들어

:

#left_menu{ 
float:left; 
width:200px 
} 


#right_menu{ 
float:left; 
width:200px 
} 


#content{ 
float:left; 
width:600px 
} 

요소 'height이 문제에 대한 문제가되지 않습니다.

+0

세 요소의 너비가 백분율로 설정되어 있습니다. 왼쪽 메뉴에는 배경 이미지가 있습니다.이 배경 이미지는 세 개의 "가장 높은"요소로 늘어납니다. – Dan