asp.net初学界面布局的疑惑一问，求各位大大帮忙
上代码先
<div id="k">
<div id="k1">
</div>
<div id="k2">
</div>
<div id="k3">
</div>
</div>
对应css是
#k
{
width:1000px;
height:1000px;
}

#k1
{
float:left;
width:200px;
height:80px;
border-style:solid;
border-color:Black;
border-width:1px;
}

#k2
{
width:200px;
height:100px;
border-style:solid;
border-color:Black;
border-width:1px;
}

#k3
{
width:300px;
height:200px;
border-style:solid;
border-color:Black;
border-width:1px;
}
VS2010里界面上这么呈现

而实际运行后浏览器里的效果是


所以这就是很头疼的地方，我不能在IDE里所见即所得。如果说非要用dreamweaver写完搬过来，那服务器控件怎么办，又不能在dw里弄，这就是很矛盾的地方。

我想问问设计界面时是怎么处理这种排版布局上的问题，做到所见即所得的。


[解决办法]
vs是无法兼容所有浏览器的。

但是vs如果连ie自己的都不兼容，我们也就可以看出vs开发团队最近几年是干什么吃的了（这会得罪很多中国人，因为这个开发团队中大多数代码民工都在上海）。
[解决办法]
工具里面所呈现的效果与实际浏览效果有很大区别，特别是你用DIV来布局的时候。
[解决办法]
如果页面代码比较负责的话，可以在DW调试好
然后再移植到VS中，再将需要转换的控件替换掉！！