2012-04-19 10 views
0

3つのDIVのみを重ねてください。それは多くのコードではありません。私はコンテンツなしで明示的に行うと、適切にスタックします。私が間違っていることを確認していないが、ここにコードがある。中身DIVの下にもう1つの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> 

ここでdivのための私のCSS(それはリンクスタイルシートだが)です:

は、ここに私のHTMLコードです。 ThankYOU

EDIT ::私はJS Fiddlerに精通していませんが、リンクはmtrosemedia.tkです。何が起こるのは、別の.maindefault divを最後の</div>の下に追加すると、私の新しいDIVは2番目のDIVの上部にぴったりです。新しいDIVが2番目のDIVの底にぴったり合うようにする必要があります。それから私はコンテンツを追加すると、私のフラッシュと私のRSSフィードの上に表示されます。フィードのリストも改善したいと思いますが、別の質問をします。

+0

作業サイトまたはjsFiddleの例へのリンクを投稿すると役立ちます。 –

答えて

0

コンテンツを内部に置くとdivが重複していると言っていますか?

.maindefaultを左に浮動してみてください。コンテンツが追加されると、次のdivはその上にあるものの上にぴったりと合っていなければなりません。

+0

EDIT ::私はJS Fiddlerに慣れていませんが、リンクはmtrosemedia.tkです。何が起こるかは、最後の下に別の.maindefault divを追加すると、私の新しいDIVが2番目のDIVの上部にぴったりです。新しいDIVが2番目のDIVの底にぴったり合うようにする必要があります。それから私はコンテンツを追加すると、私のフラッシュと私のRSSフィードの上に表示されます。フィードのリストも改善したいと思いますが、別の質問をします。 – newburns

関連する問題