我正在尝试使用包含最小宽度为300px的textarea的单元格创建最小宽度为500px的表。表格的最小宽度似乎根本不起作用。我正在使用CSS设置表格和文本区域的样式。这是一个已知的问题?我已经在下面发布了代码。
必须在IE7中正确显示
ASPX页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="Stylesheet" href="./CSS/SpecialOps.css" />
<link rel="Stylesheet" href="./CSS/myadditions.css" />
<title>PFS Special OPS - My Additions</title>
</head>
<body>
<!-- #include file="./SSI/header.aspx -->
<div id="spacer">
<div id="logospacer">
</div>
<div class="tabspacer">
</div>
<div class="tabspacer highlightspacer">
</div>
<div class="tabspacer">
</div>
</div>
<div id="content">
<div id="contentinner">
<div class="divtitle">
Add News Excerpt
</div>
<div id="addnews">
<table id="addnewstbl">
<tr>
<td>
Title:
</td>
<td>
<input type="text" class="addnewsform"/>
</td>
</tr>
<tr>
<td>
Excerpt:
</td>
<td>
<textarea class="addnewsform"></textarea>
</td>
</tr>
<tr>
<td>
Your Name:
</td>
<td>
Steven Norris
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
的CSS
/*
* Stylesheet for my additions page of Special OPS
* Created by Steven T. Norris on 4/4/2012
* Last Update: Update By:
*/
#addnews
{
border-style:solid;
border-width:1px;
border-color:Black;
padding:3px;
}
#addnews
{
}
#addnewstbl
{
min-width:500px;
border-style:solid;
border-width:1px;
border-color:Black;
}
.addnewsform
{
min-width:300px;
}
最佳答案
这是我会做的。将以下内容添加到
#addnewstbl
{
width: 100%
border-style:solid;
border-width:1px;
border-color:Black;
}
#addnews
{
border-style:solid;
border-width:1px;
border-color:Black;
padding:3px;
float: left;
min-width: 500px;
}
关于html - 最小宽度表,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10013702/