float:left
분홍색진주
float:left 중앙정렬이 안돼고 화면 왼쪽으로 붙는 이유가뭔가요?
div id=top!-- 탑부분 시작 --
h1img src=./images/logo.png alt=이용재 포트폴리오 홈페이지에 오신것을 환영합니다.//h1
ul class=topBtn
lia href=img src=./images/mailBtn.gif alt=이메일//a/li
lia href=img src=./images/twitterBtn.gif alt=트위터//a/li
lia href=img src=./images/facebookBtn.gif alt=페이스북//a/li
/u#warp {position: relative; text-align:center; margin:0 auto; width:100%; background: #000000;}
#top {position:relative; background:url(../../images/topbg.jpg) center top no-repeat; height:97px; width:100%; margin:0 auto; }
#top h1 {position:absolute; padding-top:10px; margin:0 auto; text-align:center; width:100%;}
#top ul {width:100%; margin:0 auto; text-align:center;}
#top ul li {float:left; padding-right:20px; padding-top:23px; }
-
피어나
float:left 가 왼쪽에 붙는게 아니라면 left를 붙일 리가 없겠죠? 가운데 정렬하시려면 부모에게 width를 주고 magin:0 auto를 주고 자식 레벨에서 float을 주면 되죠. 그리고 반드시 float은 해제해주어야 하는 것도 잊지마시구요.
-
호습다
총 넓이를 100% 로 하셨는데 100% 는 margin:0 auto 해도 소용이 없습니다. 그리고 float :left 를 하셧으니 당연히 가운데정렬이 안되죠