CSS難以水平顯示/重複左右包裝圖像到屏幕末端

我無法讓我的左右轉發器填充我正在處理的網站的寬屏幕上留下的可用空間。左側和右側中繼器是我想要展示的背景圖像（約350px寬），如果屏幕（以紅色顯示的屏幕的可見區域）變得足夠寬，則甚至會重複。CSS難以水平顯示/重複左右包裝圖像到屏幕末端

任何幫助或建議將不勝感激！

感謝，

約翰

plan of website http://tmw.isystems.co.nz/website.png

2010-06-11 John Deverall

您有鏈接嗎？ – 2010-06-11 02:16:41

爲了完成這個，Brocks解決方案讓我的轉發器重複工作，並且找到了一個解決方案，用於定位http://stackoverflow.com/questions/1423651/center-div-inside-another-100-width-div 我所有的問題解決了。多謝你們！ – 2010-06-12 15:57:48

不客氣。如果問題解決了，請將問題標記爲已回答（單擊最佳答案旁邊的複選標記）。這有助於每個人，並增加任何未來問題的答案。 ;-) – 2010-06-13 02:15:24

殺死入侵檢測浮子：right_wrap_container和right_repeater。

（基於：http://tmw.isystems.co.nz/於新西蘭時間16:25送達）

來源

2010-06-11 04:28:09

謝謝，這工作得很好。我不知道現在重複正在發生的時候如何擺脫頁面的中心位置，但我相信我會在最後得到它。 – 2010-06-12 13:36:16

當前頁面看起來居中，對我來說。猜你明白了。這個問題回答了嗎？ – 2010-06-12 21:17:36

是啊有一個邊緣張貼：0汽車;技術在我使用的stackoverflow其他地方。謝謝你的幫助！慢慢地讓我的頭在這個CSS的東西...... :) – 2010-06-13 11:11:07

你的寬度應設置爲百分比。

來源

2010-06-11 02:17:29 Babiker

是的，http://tmw.isystems.co.nz 還有一些毛茸茸的東西（搜索坐在錯誤的地方），內容丟失等，但我可以自己修復這些。感謝問！ – 2010-06-11 03:49:16

好的，謝謝，我會嘗試百分比的事情。我不確定我會如何解決固定寬度的百分比圖像，但我會有一個遊戲和一個谷歌並回復給您 – 2010-06-11 03:51:01

百分比適用於容器的寬度，但不適用於圖像。您正在使用js注入innerHTML，這會阻止人們在沒有活動的DOM查看器的情況下查看源代碼，因此無法完全提供幫助。 – Babiker 2010-06-11 04:13:30

更詳細地說明babikers響應：

假設你的中繼器是不同的圖像（如果它們不是變得微不足道）

有我的頭頂部（未經測試）的幾種方法：

左格寬度的50％或體 - 背景已經離開中繼器
右格寬度50％ - 背景右中繼器
絕對位置，z軸折射率高達上
體其頂部內容 - （也許可選）相對背景已經離開中繼器，位置
包裝div有沒有寬度 - 背景權利中繼器 - - 相對於（身體）左側的位置50％
內部包裝位置絕對左（或左邊距）-1/2內容寬度（例如480像素爲960像素佈局）
使用顯示：表...或使用表洛爾

來源

2010-06-11 03:12:57 davidosomething

CSS難以水平顯示/重複左右包裝圖像到屏幕末端

回答

相關問題