IE7溢出和IE7背景圖片

www.myvintagesecret.com

1）我有一個div稱爲.postheader持有的標題和另一個DIV叫.clip。正如你所看到的，剪輯應該懸停在內容上，而不是將其壓下。（使用任何其他瀏覽器進行測試）。它目前給我一個巨大的差距，當它應該只有文本一樣長。

.postheader { 
    background:url(images/posthead.png) no-repeat; 
    min-height:100px; 
    max-height:600px; 
    padding-right:25px; 
    overflow:visible; 
} 

.clip { 
    width:214px; 
    height:275px; 
    float:right; 
    position:relative; 

}

任何想法？我可以使最大高度更小，但會導致.clip div被切斷。

2）在側邊欄中，有一些項目稱爲.sidebaritem。他們有一個只在IE7中沒有顯示的背景圖片。我無法弄清楚這一點。

.sidebar-item 
{ 
    background:url(images/sidebar.png)top center no-repeat; 
    font-size: 12px; 
    margin-bottom: 20px; 
    padding-left: 18px; 
    padding-right:10px; 
    padding-top:8px; 
    min-height:200px; 

}

來源

2009-10-05 user184106

1）試試這個。我認爲使用position：絕對而不是float：right會解決問題。

.postheader { 
    background:url(images/posthead.png) no-repeat; 
    position:relative; 
} 

.clip { 
    width:214px; 
    height:275px; 
    position:absolute; 
    top:0; 
    right:25px; 
}

2）嗯..它可能是關閉後的空間）。

background:url(images/sidebar.png) top center no-repeat;

3）回覆評論：在這種情況下...您應該重做背景。創建僅包含背景的包裝並將您的內容放入其中。剪輯應該是內部包裝的頂部div，並且向右浮動。做這樣的事情......

<div class="itemTopBg"><div class="itemBottomBg"><div class="itemLeftBg"><div class="itemRightBg"> 
    <div class="clip">...</div> 
    ... content with no bg... just text... 
</div></div></div></div>

來源

2009-10-05 19:15:15

謝謝，這有效，但它重疊我的文本。由於div沒有顯示每一篇文章，我不能使文本具有一定的寬度。任何想法？ – user184106 2009-10-05 19:18:21

哦，和2）的空間工作！謝謝 – user184106 2009-10-05 19:22:07

感謝Brian。我用你的第一個建議快速入侵。一旦我休息，會編寫你的建議:) – user184106 2009-10-05 20:24:37

我想我解決1）這些變化

.clip浮動權，改變位置下降到絕對的，並給它的0

的權利。 postheader增加大約400像素

位置相對

.postheader H2寬度似乎IE7和Firefox，它在其他瀏覽器不知道如何看，雖然工作。

來源

2009-10-05 19:21:01 Bela

剪輯不是每個項目都有。在h2上設置寬度不是一個好主意。沒有理由爲沒有剪輯的項目設置更窄的寬度。如果h2是短片覆蓋下面的文字。我建議重做帶有背景的div，正如我在答案中所解釋的那樣。 – 2009-10-05 19:36:27

IE7溢出和IE7背景圖片

回答

相關問題