브라우저 창 너머로 이동해야하는 왼쪽 및 오른쪽 이미지가있는 가운데 div

센터에 고정 된 너비의 div가있는 웹 사이트가 있습니다 (div는 margin-left : auto를 사용하여 중심에 있습니다). 이제이 div의 왼쪽과 오른쪽에 일부 이미지를 보여주고 싶습니다. 이미지는 브라우저 창의 스크롤에 영향을 미치면 안됩니다. 해상도가 너무 작 으면 브라우저에 스크롤 막대를 표시하지 않고 이미지를 잘라야합니다. 그러나 중심 div의 공간이 충분하지 않으면 스크롤바가 나타납니다.브라우저 창 너머로 이동해야하는 왼쪽 및 오른쪽 이미지가있는 가운데 div

어떻게 달성 할 수 있습니까?

편집 : 왼쪽 이미지가없는 사이트/바로 여기에 있습니다 : 내가 하나의 JPG로 페이지 (신체 배경)의 배경으로 이미지를 넣어 것 http://b-sides.ch/openair12/

출처

2012-04-01 Pascal Berger

: 미디어 쿼리에서 당신은 좋은 예제와 함께 사이트가 모든 브라우저에서 사이트 유체 여전히 호환을위한 것입니다 여기에

overflow-x:scroll;

을 얻을 수있는 브라우저에게 우리는 많은 도움을 줄 수는 없지만''또는''에'overflow-x : hidden'을 추가해보십시오. – Bojangles

웹 사이트는 여기 (왼쪽/오른쪽 이미지 없음)에서 사용할 수 있습니다. http://b-sides.ch/openair12/ –

. 중심 div의 너비와 동일한 이미지 간격을 유지하십시오. 하지만 코드를 보여줘야 할 수도 있습니다.

출처

2012-04-01 14:13:56 Matop79

Thanks! 배경 이미지가 해결책 일 수 있습니다. 하지만 중심 div의 너비가 1250 픽셀이기 때문에 이는 대역폭 낭비입니다. 사이트 없음 (이미지가없는 경우 http://b-sides.ch/openair12/) –

문제가 있으면 유체를 만들기 시작하는 것이 좋습니다. 그런 다음 화면이 작아지면 '사이드 바'를 없애기 위해 미디어 쿼리를 적용하십시오. 코드 나에 대한 링크없이 http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts

출처

2012-04-01 14:46:33

고마워.하지만 내 생각이이 문제를 해결할 것이라고 생각하지 않습니다. 이미지가 화면에 완전히 들어 가지 않으면 이미지가 표시되어야합니다 (더 큰 해상도를 채우기 위해 단지 장식적입니다. –

브라우저 창 너머로 이동해야하는 왼쪽 및 오른쪽 이미지가있는 가운데 div

답변

관련 문제