Html CSS表格自定义宽度_Html_Css_Html Table_Width

Html CSS表格自定义宽度

html css

Html CSS表格自定义宽度,html,css,html-table,width,Html,Css,Html Table,Width,我最近一直在做一个简单的网页。我想把几乎所有的样式信息都放在CSS文件中。页面的主要布局是表格。我看起来像这样： <body> <table class="glowna"> <tr> <td colspan="2">...</td> </tr> <tr> <td id="glowna_top" colspan="2"> <ul class="menu_gorne">

我最近一直在做一个简单的网页。我想把几乎所有的样式信息都放在CSS文件中。页面的主要布局是表格。我看起来像这样：

<body>
<table class="glowna">
<tr>
  <td colspan="2">...</td>
</tr>
<tr>
  <td id="glowna_top" colspan="2">
    <ul class="menu_gorne">
      <li>..</li>
    </ul>
  </td>
</tr>
<tr>
  <td id="glowna_menu_lewe">
    <ul class="menu_lewe">
      <li>...</li>
    </ul>
  </td>
  <td id="glowna_main">
      ...
  </td>
</tr>
</table>
</body>

问题是：
1。即使我设置了所有的宽度，我仍然会得到表格单元格：“glowna_menu_lewe”和“glowna_main”除以50%:50%。我希望单元格“glowna_menu_lewe”仅为200px或附近的某个位置，另一个可以填充剩余的空间

2。我想将列表“菜单_lewe”放在其单元格的顶部。现在它垂直居中，甚至我将verical align属性设置为top

很抱歉发布了这么多代码，但我不知道是什么导致了问题

1-更改为：

table.glowna { 
  background-color:#9ce;
  table-layout:fixed;
  width:1024px;
  margin-left:auto;
  margin-right:auto; 
}
td#glowna_main { 
  width:824px;
  text-align:left;
}

为此：

table.glowna { 
  background-color:#9ce;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
}
td#glowna_main { 
  text-align:left;
}

2-将

valign=“top”

属性用于

td

标记，而不是

垂直对齐：top
使用表格有什么原因吗？主布局情况下的表格已经过时，div现在是常见的做法。。。我知道这将非常简单，没有任何问题divs@Andy不是真的。老实说，我从来没有使用div完成过，这就是我使用表的原因。但是如果你知道如何使用divs，那么请告诉我，我会试试。如果你仍然生活在20世纪80年代，那么表格布局没有问题：这里有一个关于使用divs设计的速成班：老实说，我不讨厌表格。当然，它不是“有意”用于布局，但老实说，CSS中的列布局需要大量的工作（或模板）。其目的是使页面更小、更可移植、更易于维护，但与将嵌套的DIV标记转换为网格的CSS相比，该表更一致，支持范围更广，而且使用简单的表显然需要更少的代码，更易于维护。@Sayid-answer-updated。移除表格布局：固定来自表格。glowna
table.glowna { 
  background-color:#9ce;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
}
td#glowna_main { 
  text-align:left;
}