定位广告的div元素

我有一个类，其中HTML文档中，它看起来像在三个div元素：定位广告的div元素

<div class="content"> 
    <div id="content_head"> 
    <!--CONTENT HEAD CODE--> 
    </div> 
    <div id="between_ads"> 
    <!-- ADS HERE --> 
    </div> 
    <div id="content_middle"> 
    <!--CONTENT MIDDLE CODE--> 
    </div> 
</div>

和CSS代码这些：

.content 
{ 
    position: relative; 
    width: 75%; 
    float: left; 
    left: -52px; 
    margin: 5px 0 10px 0; 
    border-right: 1px solid #D9D9D9; 
} 

.content #content_head 
{ 
    /*position: relative;*/ 
    width: 100%; 
    float: left; 
    border-bottom: 1px solid #D9D9D9; 
} 

.content #content_middle 
{ 
    /*position: relative;*/ 
    width: 100%; 
    float: left; 
    margin: 5px 0 0 0; 
    border-top: 1px solid #D9D9D9; 
    border-bottom: 1px solid #D9D9D9; 
} 

/*BETWEEN ADVERTS*/ 
.content #between_ads 
{ 
    position: static; 
    width: 100%;/*737px;*/ 
    height: 10px; 
    /*margin: 302px 0 0 -17px;*/ 
    margin: auto; 
    padding: 0; 
    background: #000; 
} 
/*BETWEEN ADVERTS*/

的问题是，这导致代码BETWEEN投稿分享看起来是这样的： http://i.stack.imgur.com/ZU2FD.png - 在窗口“Polecane”的黑条，在蓝色突出 - 但这div元素应该放在这里： http://i.stack.imgur.com/ww0Ko.png - 黄色突出显示。

设置。内容到位置：绝对和休息，以相对刹车完全。内容类的布局。我很新的HTML和CSS，仍然不是一切都明白。干杯

来源

2011-10-12 spaffy

不明确，面糊在这里创建工作演示[链接]（http://jsfiddle.net） – punit

试着拿出你所有的div的position和float。 Div自然喜欢坐在另一个之上，所以添加定位CSS会扰乱它，我会想。

来源

2011-10-12 14:49:37 greener

你已经基本权利，但..我不得不添加'的位置是：相对;'和'浮动：左;'到每一个DIV现在这个工程:) http://i.imgur.com/cp7Ld.png – spaffy

定位广告的div元素

回答

相关问题