div에서 Chrome, FF 및 IE 7의 CSS에서 div 맞춤

Question

div 정렬에 문제가 있습니다.

내 레이아웃은 세 개의 다른 div, 즉 view_central_top, view_central_left 및 view_central_right을 포함하는 하나의 div view_central로 구성됩니다. Chrome과 FF는 원하는 결과를 렌더링합니다. Bannner가있는 최상위 div, 왼쪽의 navigaiton 및 오른쪽의 내용.

IE 7은 배너 div view_central_top의 일부를 덮는 콘텐츠 div view_central_right 10 px를 상쇄합니다.

CSS 코드는 다음과 같습니다

.view_central 
{ 
    position: relative; 
    width: 827px; 
    height: 100%; 
} 

.view_central_top 
{ 
    position: absolute; 
    top: 0xp; 
    left: 0px; 
    height: 118px; 
    width: 828px; 
} 

.image_borderless 
{ 
    border: 0px none; 
} 

.view_central_left 
{ 
    position: relative; 
    left: 0px; 
    top: 118px; 
    width: 187px; 
    height: 683px; 
    background: #C7D2EB; 
    font-size: 11px; 
} 

.view_central_right 
{ 
    position: relative; 
    left: 0px; 
    top: 118px; 
    width: 640px; 
    height: 683px; 
    background: #FFFFFF; 
} 

이 사람이 나를 도울 수 있습니다. 감사.

Answer 1

제 생각에는 브라우저에 따른 패딩 또는 여백이 있습니다. CSS 재설정 (적어도 div 요소의 경우)을 시도해 볼 가치가 있습니다.