소스를 다운받았는데.. 가운데 정렬이 안되요..
본문
마이위트에서 소스를 다운받아 적용시켜보았는데요...
브라우져별로 가운데 정렬이 되는것도 있고 안되는것도 있어요..
어떻게해야 잘 정렬이 되나요/
<style type="text/css">
</div>
#top_banner { background:url(<?=$top_banner_path?>/img/bg.png); height:80px; }
#top_banner div#box { margin:0px auto 0 auto; width:800px; }
#top_banner div#box div.image { float:center; text-align:center; }
#top_banner div#box div.close { float:right; margin:40px 20px 0;}
</style>
<div id="top_banner">
<div id="box">
<div class="close"><img src="<?=$top_banner_path?>/img/close.png"></div>
<div class="image"><a href="<?=$link?>"><img src="<?=$top_banner_path?>/img/top.png"></a></div>
</div>
</div>
답변 1
float 속성값엔 center란게 없습니다. left와 right 뿐.
블럭요소 중앙 정렬을 시키려면 부모 요소에 width값을 충분히 준 후,
자식 요소에 margin;0 auto 주는 방법이 있습니다.
인라인요소 경우엔 text-align:center 주시면 됩니다.
float 속성 http://www.homzzang.com/css/105