在浏览器中可以居中显示，为什么在vs2010的视图里只能显示一半？？！！！

下面是整个界面的代码，以及两张图片。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
        <style type="text/css">
        .style1
        {
            text-align: center;
        }
        <style type="text/css">
        body{text-align:center}
        #div1
        {
            position:relative;
            width:1440px;
            left:50%;
            margin-left:-720px;
            }
    </style></head>
<body>  <div id="div1">
    <form id="form1" runat="server">
    <div style="position: absolute; background-image: url('button/首页背景.jpg'); background-repeat: no-repeat; top: 0px; left: 0px; width: 1440px; height: 655px; text-align: center;">
        <div style="width: 1440px; top: 655px; left: 0px;">
                
        </div>
    </div>
    </form>
</body>
</html>问题究竟出在哪里？我这代码可以实现在任何分辨率下都水平居中，但是在vs2010的视图里不行。求解！怎么办？

解决方案 »

  1.   

    如果你使用10年前的vs，或许还是可以跟浏览器一样显示的。vs的设计器，现在越做越垃圾，已经不能很好地模拟浏览器了。
      

  2.   


    @sp1234 @Chinajiyong @renyiqiu @FoxDave 
    难道没有什么补丁可以解决这个问题吗？我的做了很多控件的图片，必须靠里面的绝对定位控制各个div的位置，所以必须看到vs2010中的完整视图……
    我知道视图里面显示的很不准确，文字位置和浏览器的都不一样，但这都没关系，我可以以浏览器为准。
    但是现在直接没了一半，我根本调不了无法定位。
    你们是怎么解决像我这种做了上百张背景打算用绝对定位移动div的？
      

  3.   

    看上去你的浏览器还是火狐。VS 的设计器似乎很少人用。关于定位坐标的问题，这个工作一般是在 PS 之类的软件中做的。
      

  4.   

    仔细看了一下代码   代码的结构很乱   比如<style type="text/css">  穿插的地方不合适