다른 DIV (CSS)와 중복되는 DIV 중지

서로 위에 3 개의 DIV 만 있으면됩니다. 그것은 많은 코드가 아니며, 내용없이 내용을 분명하게 표현하면 올바르게 쌓입니다. 내가 뭘 잘못하고 있는지 모르겠지만 여기에 코드가있다. 중간 콘텐츠 DIV 아래에 하나 더 DIV가 필요합니다. 하단 정보 표시 줄에 사용됩니다. 나는 z-index이 레이어에 많이 사용된다는 것을 알고 있으며, 내 지식에 도움이되지는 않을 것입니다.다른 DIV (CSS)와 중복되는 DIV 중지

.maindefault { 
    margin: 0px auto; 
    width: 817px; 
    font-family: "High Tower Text",Georgia,Serif; 
    display: inline-block; 
    text-align: center; 
}

이 도움이 경우 또한, 나는 Kompozer 8.3 사용하고 있습니다 :

<html> 
<head> 
    <title>Mt. Rose, City of Refuge MEdia</title> 
    <link rel="stylesheet" 
      href="storage/mainsite/styles/default_button.css" type="text/css"> 
    <link rel="stylesheet" href="storage/mainsite/styles/default_font.css" 
      type="text/css"> 
    <link rel="stylesheet" href="storage/mainsite/styles/default_div.css" 
      type="text/css"> 
</head> 
<body style="background-color: rgb(255, 255, 255); text-align: center;"> 
<br> 

<div class="maindefault" style="display: block;"><!--Banner insert --> 
    <img src="storage/mainsite/bannerfinalfeathered.png" alt=""><a 
     class="button" 
     href="http://output93.rssinclude.com/output?type=iframe&amp;id=456111&amp;hash=c334e7f73918b535f66271d019d52a83" 
     title="Home" target="content"><span>Home</span></a> <a class="button" 
                   title="About Us" 
                   href="http://mtrosecogic.org/mtrose1/about"><span>About</span></a> 
    <a class="button" href="index.html" title="Mt. Rose Public Calendar"><span>Calendar</span></a> 
    <a class="button" href="/flash_newpage.html" title="Live Video Feed"><span>Live 
Feed</span></a> <a class="button" target="content" href="access.html" 
        title="Restricted"><span>Access</span></a> 
    <a class="button" href="index.html" 
     title="Mt. Rose Virtual Learning Environment"><span>Education</span></a> 
    <a class="button" href="/flash_newpage.html" 
     title="City of Refuge Online Webstore!"><span>Store</span></a> 
    <a class="button" target="content" href="/interactive.html" 
     title="Interactive Media Gallery"><span><font face="Juice">Interactive</font></span></a> 
</div> 
<br> 

<div class="maindefault"> 
    <iframe 
     style="margin-top: 0px; margin-bottom: 0px; text-align: center; width: 416px; height: 800px; float: left;" 
     float="" marginheight="0" src="flash_newpage.html" id="flashframe" 
     name="flashframe" marginwidth="0" frameborder="0" scrolling="no"></iframe> 
    <iframe 
     style="overflow: auto; margin-top: 6em; margin-bottom: 0px; height: 600px; width: 400px; float: right; text-align: center;" 
     id="content" marginheight="0" marginwidth="0" 
     src="http://output93.rssinclude.com/output?type=iframe&amp;id=456111&amp;hash=c334e7f73918b535f66271d019d52a83" 
     name="content" frameborder="0"></iframe> 
</div> 
</body> 
</html>

여기 사업부 내 CSS (그것은 링크 된 스타일 시트의가)입니다 :

여기 내 HTML 코드입니다. 감사합니다

EDIT :: 나는 JS Fiddler에 익숙하지 않지만 링크는 mtrosemedia.tk입니다. 두 번째 DIV 상단에 새로운 DIV가 있습니다. </div> 아래에 .maindefault div을 추가하면 어떻게됩니까? 새로운 DIV가 두 번째 DIV 바닥에 꼭 맞아야합니다. 그런 다음 콘텐츠를 추가하면 내 플래시 및 RSS 피드 상단에 표시됩니다. 피드 목록도 개선하고 싶지만 다른 질문을하겠습니다.

출처

2012-04-19 newburns

작업 사이트 또는 jsFiddle 예제에 대한 링크를 게시하면 도움이됩니다. –

콘텐츠를 내부에 넣을 때 div가 겹치는 것을 말하고 있습니까?

왼쪽에 .maindefault 부동을 시도하십시오. 내용이 추가되면 다음 div는 그 위에있는 것과 꼭 맞아야합니다.

출처

2012-04-19 01:55:02 Tama198

EDIT :: JS Fiddler에 익숙하지 않지만 링크는 mtrosemedia.tk입니다. 무슨 일이 생기는지는 마지막에 다른 .maindefault div를 추가 할 때 새로운 DIV가 두 번째 DIV 맨 위에 있습니다. 새로운 DIV가 두 번째 DIV 바닥에 꼭 맞아야합니다. 그런 다음 콘텐츠를 추가하면 내 플래시 및 RSS 피드 상단에 표시됩니다. 피드 목록도 개선하고 싶지만 다른 질문을하겠습니다. – newburns

다른 DIV (CSS)와 중복되는 DIV 중지

답변

관련 문제