如何在不同的屏幕分辨率下自动调整表格

Question

我会尝试在这个问题上保持谦虚，因为我已经陷入这个问题一个小时了。我创建了我自己的标题栏排序和here是我自己的解决方案中的正常视图。但每当我尝试在我朋友的上网本（分辨率较低）上查看时，它会显示this之类的内容。

这是我的CSS：

#header_table {
width: 100%;
min-width: 100%;
height: 55px;
margin: auto;
background-color: #EEEEEE;
color: #FFFFFF;
}

在表格的左侧单元格中，我放了

<td width = 70%>

我尝试了

<td style="width:70%; min-width:70%;">

但它仍然不起作用。

如何调整或移动右侧的表格单元格以使按钮不在文本框下？