가로로 꽉차는 인트로 화면, 브라우저 가로 스크롤바가 생기지 않게 하려면
귀염포텐
http://cafedroptop.com/
http://hollyscoffee.com/
위의 사이트로 들어갔을때, 브라우저를 최대한 키웠을때 커다란 메인 인트로 화면이
약 2560 픽셀까지 넓어지는데요.. 브라우져 창크기를 줄이면 사이트 레이아웃의 넓이인약 1440 픽셀 이하로 줄이기
전까지는 브라우져상에 가로스크롤바가 생기지 않습니다.제가 아는 코딩방법을 이것저것 해봐도 아래그림처럼 스크롤바가 생기네요..
이미지는 가로(중앙) 정렬을 하되, 브라우저를 줄였을때에 스크롤바가 생기지 않게 하는 방법이 궁금합니다.요즘은 대부분 이런 레이아웃으로 된 사이트가 많은데 어떤 방식으로 코딩하는지 정말 궁금합니다.
질문을 검색해봐도 찾기가 쉽지 않네요..^^;
-
오나미
^^ 건승하세요~
-
회전력
너무 감사합니다! 포지션을 보니 배웠던게 새록새록 떠오르네요..ㅠㅠ
더 이상 질문 드리지 않을 수 있도록 이것저것 최대한의 노력을 해 보겠습니다.
올한해 번창하시길 바랍니다^^ 감사합니다. -
들찬길
그러면 좌우폭이 현재화면보다 넘치게끔 잡은 div 바깥에 그걸 감싸고 있는 div를 {width:100%; overflow-x:hidden} 으로 해보세요. body나 html에 주라는 것도 그런 맥락으로 말씀드린 겁니다.
가운데고정은 {position:relative; left:50%; margin-left:-(이미지width/2값);} 으로 해보시면.. -
노을
div가 아니라 body나 html 태그에 줘보세요.
-
Hotpants
감사합니다. 해당 태그 써서 적용해 봤는데, 가로스크롤은 생기지 않는데 브라우져 크기를
줄이면 이미지가 가운데 고정이 안되고, 브라우져의 좌측에서 시작되네요..
여기서 가운데 고정을 하기위해서 이 방식은 잘못 된걸까요?
div
div style=\margin:0 auto; overflow-x:hidden\img src=\intro2.jpg\/div
/div
div style=\width:1100px\/div -
찬늘봄
overflow-x:hidden