모바일 상품 진열 http://demo.sir.co.kr/gnuboard5/shop/list.php?ca_id=20
건의 한번드려봐요, 제 사이트에 직접 설치해보고,,건의드리는것은 아니구요.
앞으로 자주 쓸 것이기 떄문에..상품 진열 css 조정이 필요할것 같다는 생각에 건의 드려봐요

아래와 같은 형태를...건의 드립니다.
현재 상품 진열이 float 고정 방식으로, 다양한 모바일 환경에서 적합하지
않다 생각듭니다 : )

[code]
<ul>
<li>
<div class="box">
<a class="thumb" href="#" >이미지</a><div class="info">상품명,기타 등등</div>
</div>
</li>
</ul>

<!-- css -->
ul { font-size:0;
/*폰트0사이즈를 주어야 inline-block시 float처럼 생각한데로 딱딱 진열됩니다*/
text-align:center;
/*리스트를 중앙 정렬 시킵니다. 지금 현재처럼 각 목록별로 last 클래를 주어 여백을 조정할 필요가없습니다 , */}
ul > li{display:inline-block;*display:inline;*zoom:1;/*ie7핵 */font-size:12px;}
ul > li > .box
{
text-align:center;
padding:5px; /* 상품 간격 */
position:relative;/* absolute가 들어가는 경우가 종종잇기에 */
}
ul > li > .thumb > img{max-width:100% }

[/code]

모바일만 보고 작성한 글이여잇는데 pc 역시 float 방식이네요 ,

float 이 나쁘다는 것은 아니지만,
저역시 처음 css 공부를 하고 float 방식으로 모든 배치를 쉽게 끝낸다고 생각을 했는데요,
float 으로 해결 될 수없는 문제점들이 생긴다고 생각이......드는 1인입니다.. 수직정렬 등..
그래서 전 float은 많이 안쓰려고 노력하면서 작업을 합니다.
짧은 소견으로 건의 올려봅니다 : )

얕은 지식으로 올린 글이라.................제 생각이 틀리다면 + _ + 자문을 부탁합니다 > <