我们有一个CSS表 - 由CSS＆amp; DIVS。
右侧菜单固定为20％，＆amp;这似乎工作正常......
在屏幕中间，我们有一个4-5行信息表。表格的第一行是每列的链接，用于排序。
它只有几行数据（我们将在以后添加“页面”，当我们获得更多数据时）
问题是，当我们选择一个链接时，当页面刷新时，（相同的排序或其他排序 - 或者只是刷新屏幕），中间表“向左或向右跳”..它不会停留在屏幕上的相同位置＆amp;非常烦人..
表格的内容宽度相同 - 表格大小没有变化。但桌子本身会改变位置......
http://animals.kwister.com/directory/region
（尝试表格顶部的链接）。
有没有办法让桌子“固定”到可用空间的“中心” - 通过右侧菜单/右侧栏缩小。
当然，随着我添加更多数据/文本 - 表格的宽度将增加以应对，但它将保持“居中”。
我们将来可能会添加一个左菜单/ div，我们只是在开发这个网站＆amp;它还没有多少表现出来。这是我第一次看到像这样的css表“转移”。
答案 0 :(得分：1)
它由固定的表格布局引起，以及你使用js添加侧面板的事实。
你应该考虑使用像bootstrap这样的CSS网格来获得更一致的布局。或使用display创建自己的：block，float：left和widh：x％;
.column-left, .column-right {
display: block;
width: 20%;
float: left;
}
.column-center {
display: block;
width: 60%;
float: left;
}
或者你可以在右栏上做一个快速而肮脏的CSS修复并将其定位为绝对：
display: block;
width: 20%;
float: left;
答案 1 :(得分：0)
我注意到“messages”区域是在运行时使用JavaScript加载的。
最初div中没有内容：
<div id="messages" style="float:right; display: inline; width:20%;"></div>
也许您可以尝试在div中添加nbsp;。
这可能会使“20％”宽度起作用。
<div id="messages" style="float:right; display: inline; width:20%;"> </div>
我看到的是，在第一页加载后，表格以整个窗口为中心，好像“messages”div不在那里（这是正确的，因为之后加载了它的内容）。 然后，当存在“消息”的内容时，表格以剩余宽度为中心。