Asp.net 设计网页时遇到布局问题（1600 X 900像素）
我在网站上工作，并设计了一个母版页给了一些固定的像素表布局，但在看到1600 X 900像素的页面时遇到了问题。然后尝试百分比的东西 创建一个表，将该表划分为列，并将40%分配给第一列和最后一列（给st background），因为我希望我的主内容表位于屏幕中间，并提供硬编码的970px，但仍然存在布局问题。最后一列显示总屏幕的60%Asp.net 设计网页时遇到布局问题（1600 X 900像素）,asp.net,html,css,asp.net-mvc,Asp.net,Html,Css,Asp.net Mvc,我在网站上工作，并设计了一个母版页给了一些固定的像素表布局，但在看到1600 X 900像素的页面时遇到了问题。然后尝试百分比的东西 创建一个表，将该表划分为列，并将40%分配给第一列和最后一列（给st background），因为我希望我的主内容表位于屏幕中间，并提供硬编码的970px，但仍然存在布局问题。最后一列显示总屏幕的60% 我们可以根据屏幕分辨率动态设置列宽吗？或者请提供一些具体的解决方案。希望这就是您所寻找的 <body> <form id="form1" run
我们可以根据屏幕分辨率动态设置列宽吗？或者请提供一些具体的解决方案。希望这就是您所寻找的
<body>
<form id="form1" runat="server">
<div style="background-color: Black; width: 100%; height: 680px;">
<div style="width: 970px; margin: 0 auto;padding:0px">
<div style="width: 25%; height: 675px; float: left; background-color: Blue;">
</div>
<div style="width: 75%; height: 675px; float: right; background-color: white">
<div style="width: 75%; height: 675px; float: left; background-color: red">
</div>
<div style="width: 25%; height: 675px; float: right; background-color: Green">
</div>
</div>
</div>
</div>
</form>
希望它能帮助您解决问题，请看以下内容： 您可以根据屏幕分辨率使用不同的CSS，希望对您有所帮助。表格
这是一个错误的问题吗？你为什么投赞成票？这是我们讨论问题的平台。我明白了，所以我问了一个问题…湖惠设计不是苏的领域。。我已经向版主提出了迁移到UX SE的建议。@TechGiant:我想因为你的问题，所以还不太清楚。你应该试着更好地解释你想做什么，可能包括你的实际代码和问题的屏幕截图。我同意，标题有误导性，问题的措辞很糟糕。你能更新你的问题以包括你正在使用的HTML，以及你希望结果看起来像什么的图像吗？Exor，你是对的，我可以用table实现这一点吗？我在table中尝试了相同的代码，并使用了一些图像来保持渐变，但在Mozilla上工作过，但在IE中不起作用。@TechGiant:应该可以。你能把你的密码给我吗。
<body>
<form id="form1" runat="server">
<div style="background-color: Black; width: 100%; height: 680px;">
<div style="width: 970px; margin:0 auto;padding:0px">
<table width="100%" style="margin:0px" cellpadding="0" cellspacing="0">
<colgroup width="100%">
<col width="25%" />
<col width="50%" />
<col width="25%" />
</colgroup>
<tr>
<td style="height:680px; background-color:Aqua">
</td>
<td style="height:680px; background-color:Green">
</td>
<td style="height:680px; background-color:Maroon">
</td>
</tr>
</table>
</div>
</div>
</form>