CSS模仿Silverlight屏幕截圖

我很確定這個問題已經被問及回答，我不知道HTML和CSS足以知道在哪裏或如何搜索。任何幫助，將不勝感激。CSS模仿Silverlight屏幕截圖

我建在Silverlight社區應用：http://www.scalerailsonline.com/default.aspx

說完最後決定給微軟，我從頭開始重寫它的吸盤。 90％很容易。我正在努力使用HTML和CSS來完成應用程序的聊天部分。

我已經標記了一個屏幕截圖來顯示我正在嘗試做什麼。

主要目標是創建一個膨脹和收縮以適應可用空間的滾動容器。

首先，我想讓網頁展開或縮小以適應瀏覽器窗口。

Second Right列水平擴展以適應內容，底部區域垂直擴展以適應聊天輸入控件。

一旦頁面適合瀏覽器和空間承諾的權利和底部，我希望容器適合。如果容器中的內容太多（99％的時間），則會顯示垂直滾動條。

我試過各種寬度/高度的組合：100％。但這似乎使這些區域足夠大以適應內容，而不是限制爲100％的瀏覽器。

我可以將div設置爲「高度：200％;溢出：滾動」以獲取滾動條。但我似乎無法讓div只擴展到可用空間。

來源

2011-08-15 Cuthahotha

您的網站一點也不差，您將擁有與HTML/css解決方案一樣多（更多？）的問題。我很好奇，爲什麼經過這麼多明顯的努力後，你傾銷微軟的堆棧？ –

感謝您的客氣話。我其實在Silverlight/Azure中有一個更大的應用程序，它也將被重寫。變化的原因。主要是由於圍繞SEO和監控的一些真正棘手的問題。爬蟲不會很好地處理基於Silverlight的內容。 AdSense也不能在Silverlight環境中運行。平板電腦上不支持Silverlight（iPad和Android）。最後，我的用戶社區沒有適應右鍵菜單的缺乏。我已經在可能的情況下包含了它們，但通過第三方控件，您無法訪問所有需要右鍵單擊的位置。 – Cuthahotha

首先，我想讓網頁展開或縮小以適應瀏覽器窗口。

這可以通過將保證金左右設置爲自動來實現。試試這個吧 -

.center { 
    margin: 0 auto; 
    padding: 0; 
    float: none; 
}

來源

2011-08-15 14:37:07 Mahesh

謝謝Mahesh。右/左不是一個大問題。它將其設置爲限制垂直瀏覽器高度，這更成爲一個問題。 – Cuthahotha

答案是：真的沒有一個好的答案。使用java腳本調整大小事件以根據屏幕空間設置屏幕高度 - 屏幕元素的高度。

來源

2011-08-18 13:27:21 Cuthahotha

CSS模仿Silverlight屏幕截圖

回答

相關問題