메인 페이지 뷰이미지를 가운데 정렬로 맞추고 싶습니다. margin:0 auto를 줘도 안먹히고 있습니다.
본문
http://xn--v42bo6d7zcu5nwa833hnse.kr/taehwa.php
지금 페이지 들어가 보시면 메인페이지 뷰 이미지가 왼쪽 상단에 딱 붙어서 고정되어 있습니다.
그래서 창크기를 줄였다 늘었다 하면은 "수익투자의 배태랑" 글씨가 눈에 띄어야 하는데
창가로사이즈에 파묻혀 사라 지고 있습니다.
크롬에서 개발자도구 화면에서 가운데를 맞추려고 감싸고있는
DIV마다 margin:0 auto;를 줘도 안먹히고 있습니다.
처음에는 배경이미지라서 안먹히구낭하고 다시 이미지 소스로 바꿨습니다.
이미지 소스로 바꾸면 되겠지하고 div마다 margin: 0 auto;를 줘도 가운데 정렬이 안되고 있습니다.
으흠 CSS 알면알수록 어렵습니다. 정확하게 배웠어야 하는데...
Help~!!
답변 2
margin: 0 auto; 는 element를 가운데 정렬 시키는 문구이고
해당 사이트에서는 이미지 크기에 관한 사항입니다.
.visual_wrap1 img{max-width:100%;} 이렇게 추가해보시면 될겁니다.
그리고, head의 가로 길이가 1200이므로
상황에 따라서 다음과 같이 추가하셔도 됩니다.
.visual_wrap1 img{min-width:1200px;max-width:100%;}
.visual_wrap1{overflow:hidden;}
.visual_wrap1 > img{position:absolute; left:50%; margin-left:-1000px;}
답변을 작성하시기 전에 로그인 해주세요.