아이폰에 아이콘 정렬이 잘 안되요
촉촉한 초코칩
css 파일입니다.
body {position:relative; margin: 0px; float:left;padding: 0px;font-family: Dotum, 돋움, sans-serif; font-size:14px; }
/* 레이아웃 큰박스 속성 */
.movie_th_list, caption {position:absolute; visibility:hidden; overflow:hidden; width:auto; height:0; font-size:0; line-height:0;}
#movie_th_list ul {text-decoration:none; margin:0px;line-height:30px; overflow:hidden; list-style:none;}
#movie_th_list ul li{float:left; padding:3px; display:block; line-height:20px;margin:0 auto;list-style:none;}
#movie_th_list p {color:#666;display:block; font-size: 12px;text-align:center; margin:0px;}
#movie_th_list p a {text-decoration:none;}
#movie_th_list p a:hover {text-decoration:none;font:12px dotum;color:#666;}
#movie_th_list p a:visitor {text-decoration:none;font:12px dotum;color:#666;}index.파일입니다.
div id=movie_th_list
ul
lia href=../intro/intro.aspimg src=img/sch.JPG title=가 /p가 /a/p/li
lia href=../gwa/gwa1.aspimg src=img/gwa.JPG title=나 /p나/a/p/li
lia href=#img src=img/iphak.jpg title=다 /p다 /a/p/li
lia href=../nlist.aspimg src=img/Q&A.jpg title=마 /p마 /a/p/li
lia href=#img src=img/Q&A.jpg title=바 /p바 /a/p/li
/ul
/div
-----------------------
익스플로러에서는 정상적으로 다 나오는데요...
아이폰에서 보면 아이콘들이 4개씩 두줄로 나와야 하는데... 3줄로 나옵니다.
좌측에 여백이 남은거처럼 보여지면서 나오는데.. 도무지 모르겠네요..--
-
뚜야
그리고 지금 코드에서는 IE6에서 더블마진 버그가 발생합니다. css를 재설정해주세요
-
눈
padding값이 0이면 전체 넓이가 그만큼늘어나니 4개 들어갈 공간이 생겨서 들어가겠죠
각 기기마다 해상도가 틀립니다.
width가 지정되지 않으면 100%로 동작하기때문에 위의 현상이 생깁니다.
제말이 안믿겨지시면 아이콘4개가 들어갈수있는 충분한 넓이를 고정으로 한번해보세요 -
세련
전체 넓이차이는 아니에요.. 혹시나 하여 padding값 0 줘서 셋팅했더니 아이콘이 다 들어가긴 하는데.. 이번엔 옴니아가 문제네요..--
-
앨프레드
전체 넓이 차이죠
4개 들어갈공간이 없으니 3개만 들어가는거겠죠 -
해대기
padding 값은 초기화 안해주신거같은데요-