메인 페이지 뷰이미지를 가운데 정렬로 맞추고 싶습니다. 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%;}
아넹.. 감사합니다.^^
element와 이미지크기 두개는 별개의 문제였군요. 여지껏 똑같이 생각하고 있었네요. 정확하게 핵심을 콕 찔러 주심에 다시한번 감사의 인사 드립니다.
전체를 감싸고 있는 divd에 text-align:center; 을 적용해주니 센터로 잡혔습니다. ㅎㅎㅎ
.visual_wrap1{overflow:hidden;}
.visual_wrap1 > img{position:absolute; left:50%; margin-left:-1000px;}
