相关疑难解决方法(0)
Div宽度100%减去固定的像素数量
如何在不使用表或JavaScript的情况下实现以下结构？白色边框代表div的边缘,与问题无关.
中间区域的大小将会变化,但它将具有精确的像素值,整个结构应根据这些值进行缩放.为了简化它,我需要一种方法将"100% - n px"宽度设置为顶部中间和底部中间div.
我很欣赏一个干净的跨浏览器解决方案,但万一不可能,CSS黑客会这样做.
这是奖金.我一直在努力的另一个结构,并最终使用表或JavaScript.它略有不同,但引入了新的问题.我一直主要在基于jQuery的窗口系统中使用它,但我想保持布局不受脚本限制,只能控制一个元素(中间元素)的大小.
推荐指数
解决办法
查看次数
两个div; 左侧应固定宽度,右侧应填充其余空间
我有以下HTML代码:
<body>
<div id="Frame">
<div id="Body">
<div id="Panel">Side panel, fixed width.</div>
<div id="Content">The rest of the content, should be dynamic width and fill up rest of space horizontally.</div>
</div>
<div id="Foot">
<div>FooBar.</div>
</div>
</div>
</body>
我正在尝试做的是使#Panel具有固定宽度(~200像素)并且在左侧,并且#Content紧靠#Panel的右边但是具有"动态"宽度并水平填充浏览器屏幕中的其余空间.我已经尝试了很多不同的东西,但是还没能让它工作 - 我得到的最远的是#Panel在左边,而#Content在#Panel和填充的右边剩下的空间,但#Content从#Panel开始,而我希望它从相同的垂直位置开始.
我确实发现在CSS中,如何获得左侧固定宽度列,右侧表使用宽度的其余部分？,但我无法将其应用于上面的HTML.
推荐指数
解决办法
查看次数
扩展HTML内容以填充窗口
我有一个垂直划分的HTML页面
- 头
- 身体
- 页脚
身体又被水平分割成
- 左侧的大型DIV由滚动条围绕,显示图表的一部分
- 右边的表格
页眉和页脚是固定高度的.主体应垂直扩展,以填充未被页眉和页脚占据的窗口部分.
类似地,表单是固定宽度的,滚动窗格应该水平扩展以填充窗口宽度.
该图非常大(最多10x10屏幕),所以我无法显示所有这些.相反,我希望尽可能多地显示(使用整个窗口),以便用户需要尽可能少地滚动.
我也不能使用javascript,因为有些用户必然是偏执狂,必须禁用它.
我考虑过的一些选择:
- 滚动窗格单元格的宽度和高度设置为100%而所有其他设置为1%的表格
不起作用.即使在滚动窗格DIV上进行绝对定位,表格(以及页面)也会展开以包含整个图表. - 绝对定位以通过页脚的高度将窗格从页面底部偏移
工作但不准确:页脚的高度取决于当前字体大小以及文本是否被包装.这意味着我必须留出很大的余量以确保它们不重叠. - 将图中的IFRAME
最好的解决方案我已经禁用了脚本的发现,但限制了什么,我可以在脚本的时候,他们做的是启用.
我注意到,当禁用脚本时,Google地图会为地图使用固定大小的区域.如果谷歌放弃了这个问题,那是否意味着它不可行？
推荐指数
解决办法
查看次数
CSS中还有什么不能做的？
不久之前,我试图找出一种不使用表格布局的方法:
<table>
<tr><td rowspan="2">Left column</td></tr>
<tr><td>Right Top</td><td>Right bottom</td></tr>
</table>
最终我放弃了,并决定没有桌子是不可能的(好吧,CSS 3可能会,但等待另外5到10年是不切实际的).
有没有人有这样的例子？(或者甚至更好,你能告诉我我错了吗？)
推荐指数
解决办法
查看次数