확대/축소시 중복되는 로고 및 탐색 메뉴의 문제점

Question

메뉴 자체에는 해결 방법을 모르는 몇 가지 문제점이 있습니다. 코드가 유효하다고 여깁니다.하지만 문제는 사용자가 (넷북의 경우와 같이) 확대/축소되어 있으면 웹 사이트 로고와 nav1 메뉴가 겹칩니다. 여기에 실패한 것에 대한 단서가 있습니까? 내 컴퓨터에서 파이어 폭스, 크롬 및 오페라를 사용해 보았지만 중복되지는 않지만 다른 컴퓨터에서는 캐시 문제가 발생합니다.

도움이 될 것입니다.

이

는 넷북의 해상도 나 브라우저 폭이 로고 및 탐색을 모두 수용하기에는 너무 작기 때문에 그것은 년대 URL

Answer 1

입니다. 브라우저를 드래그하여 좁힐 때도 같은 문제가 발생합니다.

너무 축소되지 않도록 로고를 축소하거나 #header의 너비를 1024px로 변경할 수 있습니다.

그러나 이것은 넷북의 브라우저 창에서 콘텐츠가 쏟아져 나오는 것을 의미합니다. 당신이있을 수 있습니다 그것은 항상 왼쪽 에서 87px 될 것입니다 귀하의 로고가 절대적 위치 #header

Answer 2

의 964px 폭을 유지하려는 경우 당신이 다른 방법

으로 CSS를 작성해야 로고를 축소하는 것이 좋습니다

.logo img { 
left: 87px; 
padding: 20px; 
position: absolute; 
top: 28px; 
z-index: 18; 
}