上代码先
<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里弄,这就是很矛盾的地方。我想问问设计界面时是怎么处理这种排版布局上的问题,做到所见即所得的。

解决方案 »

  1.   

    vs是无法兼容所有浏览器的。但是vs如果连ie自己的都不兼容,我们也就可以看出vs开发团队最近几年是干什么吃的了(这会得罪很多中国人,因为这个开发团队中大多数代码民工都在上海)。
      

  2.   

    DIV+CSS 的时代,或者再加上jQuery等框架,已经没有纯粹的所见即所得的设计器了,DW、VS、Blend……都不是!抛开那些吧,暂且不说设计,单就排版来说,手写Div+CSS没有想像中的那么难!
      

  3.   

    快有两年没搞过BS了,,bs布局是有点头疼。。特别是浏览器兼容。。蛋疼的要命
      

  4.   

    blend好像只支持siverlight哦,不支持传统的asp.net界面布局
      

  5.   


    大哥你说的很对,我就是div+css手写,我只是说想看看手写完界面上反馈出来的效果,VS反馈的效果差很多,dw貌似不支持asp.net服务器控件
    我原先说的是这个,现在好像看到网上说dw也能支持asp.net服务器控件,我安装试试看哈
      

  6.   

    工具里面所呈现的效果与实际浏览效果有很大区别,特别是你用DIV来布局的时候。
      

  7.   

    lz。你这明明是网页前端的内容,和asp.net有什么关系,vs那个预览根本不准的,你还是要在浏览器里看实际效果,我告诉你vs连frmae框架都不支持呢,你看vs里的布局结果绝对是吃瘪的,去前端版本看看css的效果是如何起作用的吧,顺便说一下这压根不是asp.net的内容
      

  8.   

    我们且看看vs2012发布之后新的ide如何显示html吧。当然不可能跟显示的完全一样。因为ide上需要支持用鼠标进行设计,因此必定要留出你要容易拾取对象的像素偏移甚至层出来。而且很多内容不会在ide上就解析执行,而只能给出一个想当然的预览(例如用户控件、各种数据绑定控件等)。不过基本的流式布局时左右排列在vs上也能出错,我不知道为什么啊。也许楼主这里的代码根本就是错的?我没有仔细看。
      

  9.   

    如果页面代码比较负责的话,可以在DW调试好
    然后再移植到VS中,再将需要转换的控件替换掉!!
      

  10.   

    div+css  或者说 HTML先学好再做动态网页