CSS코딩 질문요~! >< > 자유게시판

자유게시판

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개

사이트 소스 보니 같은 ID가 여러개(latest) 있는데 한페이지에 id는 하나만 사용하셔야 됩니다.

그리고 #footer에
clear:both 추가해 주세요

ff에서 firebug 설치하면 소스 수정안하고 스타일 적용이 가능합니다.
전체 199,628 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT