关于 html:CSS 模仿 silverlight 屏幕截图

CSS to mimic silverlight screen shot

我很确定这个问题已经被问及并得到了回答,但我对 HTML 和 CSS 的了解还不够,不知道在哪里或如何搜索。任何帮助将不胜感激。

我在 Silverlight 中构建了一个社区应用程序:http://www.scalerailsonline.com/default.aspx

终于决定给微软一个夹头,我正在从头开始重写它。 90% 很简单。我正在努力使用 HTML 和 CSS 来完成应用程序的聊天部分。

我已经标记了一个屏幕截图来显示我正在尝试做的事情。

enter

我尝试了各种宽度/高度的组合:100%。但这似乎只是使区域足够大以适应内容,而不是限制在 100% 的浏览器中。

我可以将 div 设置为 "Height: 200%; Overflow: Scroll" 以获取滚动条。但我似乎无法让 div 仅扩展到可用空间。


答案是:确实没有一个好的答案。借助 java 脚本调整大小事件根据屏幕空间设置框的高度 - 屏幕元素的高度。


First I want to have the web page expand or contract to fit in the browser window.

这可以通过将左右边距设置为自动来实现。试试这个 -

1
2
3
4
5
.center {
    margin: 0 auto;
    padding: 0;
    float: none;
}