[일상] html5 css 잘아시는분?ㅠㅠ

제가 홈페이지를 만들어야 하는데

section부분 크기 때문에 문제네요 ㅠㅠ

화면을 늘리고 줄일 때 저절로 그 화면에 맞게 사이즈 조절이 되어야하는데

큰 화면일 땐 어찌저찌해서 수동으로 사이즈 조절을 하면 되는데

화면 사이즈를 줄일경우에는 어긋나더라구요..

/* 메인이미지 크기조절 */
#header_img {
width: 100%
}



/* 상품 */
#goods_section {
width: 960px;
overflow: hidden;
margin-top: 10px;
margin-left: 80px;
margin-bottom: 10px;

p-osition:absolute;
}

/* 하단부 */
#goods_section > article.goods_article {
margin-bottom: 10px;
padding: 20px;
border: 1px solid black;
}




------------------------------------------------------------------------------------------------------
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>



<-meta charset="EUC-KR">
Insert title here

신상품

베스트

MD's choice

이 css에서 어떻게해야 화면 사이즈에 맞게 자동조절이 될까요??

[xmfnvjtm1]

이렇게만해선 알수가없곘네요...

[늑대]

음 css만 건드리면 되는 줄...다른 코드도 봐야하시나용?

[xmfnvjtm1]

마크업이 어떻게되있는지도 봐야하거든요

[늑대]

수정했어여!~

[xmfnvjtm1]

창크기에 따라서 유동적으로 사이즈가 변동이있어야하는데 #goods_section 이부분은 사이즈가 px로 정해져있네요
이래선 변할수가없겠죠
width가 %로 변하게되면 그에따른 margin padding도 같이 %계산이 이루어져야합니다.

[늑대]

음..픽셀대신 %를 이용 하란 말씀이신데 xmfnvjtm1님이 수정 좀 해주실 수 있으신가요?
제가 초보라서 어떻게 수정해야할지 감이 안 잡히네요 ㅠㅠ
덧글로 남겨주심 정말 감사하겠습니당..

[xmfnvjtm1]

원 디자인이 어떤지를 제가 알수가 없기도하고 저도 브라우저로 출력된화면을 보면서 해야해서 이대로는 수정이 좀 힘들겠네요

[늑대]

그렇군요..답변 감사합니다!