CSS桌子从一边跳到另一边？

我们有一个CSS表-由CSS和DIVS制作

右侧菜单固定为20%，&这似乎工作正常

在屏幕中间，我们有一个包含4-5行信息的表格。表的顶行是每列上的链接，用于排序

它只有几行数据（我们将在稍后获得更多数据时添加“页面”）

问题是，当我们选择一个链接（相同的排序，或者另一种排序，或者只是刷新屏幕）时，页面刷新时，中间的表会向左或向右“跳转”。。它在屏幕上的位置不一样&非常烦人

表格内容本身的宽度相同-表格大小不变。但是桌子本身改变了位置

（请尝试表格顶部的链接）

是否有办法将桌子“固定”到可用空间的“中心”——通过右菜单/右侧栏减少

当然，当我添加更多的数据/文本时，表格的宽度将增加以适应，但它将保持“居中”

---

我们可能会在将来添加一个左菜单/div，我们只是在开发这个网站&目前还没有太多的内容要展示。这是我第一次看到这样的css表格“移位”。

这是由于表格布局已修复，以及您正在添加带有js的侧面板

您可能应该考虑使用CSS网格（如bootstrap）来实现更一致的布局。或者使用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;

我注意到“消息”区域是在运行时使用JavaScript加载的

最初，div中没有任何内容：

<div id="messages" style="float:right;  display: inline; width:20%;"></div>

我看到的是，在加载第一个页面后，表以整个窗口为中心，好像“messages”div不在那里（这是正确的，因为它的内容是在加载之后加载的）。

---

然后，当“消息”的内容出现时，表格将以剩余宽度为中心。

是的，我修复了“跳跃”。谢谢但不知何故，我失去了“信息”区域。（我认为在一个区域中有两个ID或类&一个ID-消息有点混乱）。我明天来修，因为这里很晚（或很早）。谢谢你。现在都修好了。。。我重新命名了这个Id——但是错误地拼写了Id的名字，所以它就消失了。消息区现在可见&主表现在固定在一个位置。。。。

<div id="messages" style="float:right;  display: inline; width:20%;">&nbsp;</div>