修复表格布局的宽度

时间:2012-06-19 15:29:30

标签: html tablelayout

有人可以帮助我,这让我发疯了。我在本网站上看到了其他问题的答案,但我似乎无法应用它们。

基本上我试图在html dreamweaver中修复表格的宽度。然而它似乎没有用。

我目前的代码如下:

table align="center" style='table-layout:fixed'  width="910" height="627" border="0"

但它仍然会超出指定的宽度。

我也尝试过这样做:

.fixed { table-layout: fixed; }

 <td width="18" class="fixed"></td>

但这也不起作用!

4 个答案:

答案 0 :(得分:1)

您可以尝试将所需的所有样式放在一个类中,

.fixed { table-layout: fixed; width: 910px; height: 627px; border: none; text-align: center;}

然后将该类应用于表:

<table class="fixed">

另外,你能否在表格中“试图修正宽度”来澄清你的意思?你可以在表格或整个表格上发布更多的代码吗?

答案 1 :(得分:0)

可能你可以尝试这样的事情。

<div style="overflow:hidden;width:910px">
<table>
<tr>
    <td>...</td>
</tr>
</table>
</div>

或者你可以给出溢出:滚动如果你需要一个滚动条。

答案 2 :(得分:0)

要做的第一件事:摆脱HTML4属性,例如alignwidthborder,并仅使用CSS执行此操作。将绝对宽度设置为表格应该没有问题。

其次,您不需要table-layout: fixed;来为表设置固定宽度。 <table style="width: 910px;">就足够了。

答案 3 :(得分:0)

感谢您的回复......我对此很新,但我会尝试扩展

基本上,下面是我的样式表和代码的开头。我希望,正文和表格的顶部最大宽度为910.我在其中创建其他表格,当信息输入单元格时,它不会环绕,它只是使页面成为更大的宽度......我不希望这是可能的

<style type="text/css"> 
body {  background-color: #000;font-family: Comic Sans MS, cursive;font-size:    12px;color: #000;text-align:left 
    width="910" height="627" border="0" } 

.mainbody {background-color: #fff;width="844px" table-layout: fixed;} 
.background {background-color: #000;} 

.banner_f { color: #FFFFFF;font-weight: bold;font-size: 36px;font-family: Verdana, Arial, Helvetica, sans-serif; 
        width="910" height="203" table-layout: fixed;} 

</style> 

 “/Images/Buttons/Fixtures_Top.jpg','/Images/Buttons/Scorers_Top.jpg','/Images/Buttons/Reports_Top.jpg','/Images/Buttons/Contact_Top.jpg')">                          width =“844”height =“68”&gt;            `