웹표준 코딩 작업중인데요....
은솜
style.css 파일 입니다.
------------------------------------------------------------
#c_center { width:148px; height:328px; float:left; }
#c_center ul { list-style:none; padding:0; margin:0; }
------------------------------------------------------------html 파일 입니다.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
link href=../css/style.css type=text/css rel=stylesheet
body
div id=c_center
ul
liimg src=img/player_top.jpg/li
liimg src=img/player_download.jpg/li
liimg src=img/player_center1.jpg/li
liimg src=img/player_info.jpg/li
liimg src=img/player_center2.jpg/li
liimg src=img/player_service.jpg/li
liimg src=img/player_footer.jpg/li
/ul
/div
/body
이런식으로 작업을 했거든요....
그런데 이상하게도 메뉴를 작업한 부분은 익스플로러 6 버전같은 낮은 버전에서는 다 깨져서 나타납니다...
css에서
ul { padding:0px; }
li {display:inline; }
이렇게 가로로 메뉴를 배열했다던지
ul { padding:0px; } 만 사용해서 메뉴를 세로로 배열하면 꼭 마지막 한개만 정렬에서 벗어나거든요.....
이미지를 잘못 자른것도 아니고..... width값을 잘못써준것도 아닌데 왜 이런 현상이 나타나는건가요????
웹표준으로 이제 두번째 작업을 하고 있는데 너무 답답하네요....
답변좀 부탁드리겠습니다.
