CSS코딩 질문요~! >< 정보
CSS코딩 질문요~! ><
본문
http://silverfang.zc.bz/main.html 코딩중인 페이지고요 웹표준에 맞춰서 코딩할려구 합니다
익스에서는 잘 나오는데요
파이어폭스에서 테스트 해보니깐
하단 카피라이터 부분에 padding값이 안 먹더라구요
<div id="latest">
<div id="latest1"><dl id="latest_list"><?=latest("main_fang", "notice", 8, 32)?></dl></div>
<div id="latest2"><dl id="latest_list"><?=latest("main_fang", "notice", 8, 32)?></dl></div>
<div id="latest3"><dl id="latest_list"><?=latest("main_fang", "notice", 8, 32)?></dl></div>
<div id="latest4"><dl id="latest_list"><?=latest("main_fang", "notice", 8, 32)?></dl></div>
</div>
<div id="footer">
<ul id="copy_menu">
<li><img src="./img/copy01.gif" alt="사이트소개"></li>
<li><img src="./img/copy02.gif" alt="개인정보취급방침"></li>
<li><img src="./img/copy03.gif" alt="이용약관"></li>
</ul>
<div class="copy_family"><img src="./img/family_site.gif">
<div id="anylinkmenu1" style='position:absolute;visibility:hidden'><a href="http://shoesaholic.co.kr" target="_blank">슈어홀릭</a><br><a href="http://lovesilver.wo.to" target="_blank">러브실버</a></div>
<a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu1')">
<img src="./img/family_jump.gif"></a>
</div>
<div class="Copyright">Copyright © <strong><font color="#EC7A84">Silverfang</font></strong>. All Rights Reserved. design by Silverfang.</div>
</div>
CSS
#latest {width:910px; margin-top:10px; text-align:center;}
#latest1 {float: left; width:228px; text-align:left;}
#latest2 {float: left; width:227px; text-align:left;}
#latest3 {float: left; width:227px; text-align:left;}
#latest4 {float: left; width:228px; text-align:left;}
#latest_list .latest {float:left; list-style-type: none; padding-top:10px;}
#latest_list .latest li {color:#666666; padding:0 0 5px 23px; background: url(http://silverfang.zc.bz/img/latest_icon_arrow.gif) no-repeat 0 30%;}
#footer {width:930px; padding:20px;}
#footer #copy_menu {float: left; clear:both;}
#footer #copy_menu li {padding-right:15px; display: inline; list-style-type: none;}
#footer .copy_family {float: right;_display:inline;}
#footer #anylinkmenu1 {background-color:#fff; width:129px; height:30px; position:absolute; padding:5px; margin:0px; visibility:hidden; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; text-align:left; color:#898989; line-height:20px;}
#footer .Copyright {float: left; width:800px; text-align:left; height:20px; font-family:verdana; font-size:10px; color:#666; margin-bottom:30px;}
<div id="latest"> 이 부분이 들어가면
<div id="footer"> 이 부분의 padding값이 FF에서는 먹히질 않습니다.
이유를 모르겠어요 ㅜ_ㅜ
혹시 아시는 분 있으면 답변 좀 해주세요~~
0
댓글 2개

그리고 #footer에
clear:both 추가해 주세요
ff에서 firebug 설치하면 소스 수정안하고 스타일 적용이 가능합니다.
