-1

最近、私の会社はWindows7オペレーティングシステムに移行しました。

WindowsXPマシンのVisualStudio2010で次のマスターファイルを使用していましたが、すべてが正常に機能していました。次のコードをWindows7と同じVisualStudio 2010に移行したので、以下のすべての画像が左に移動します。調整はできますが、なぜすべての画像が左に移動するのか不思議です。同じモニターを使用していて、VisualStudio2010のバージョンは同じです。

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Login.master.cs" Inherits="Masters_Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../App_Themes/NG/style.css" rel="Stylesheet" type="text/css" />
   <style type="text/css">   
          div ,
           div img { display:block } 
            .fl  
              {
                  float:left; 
                  margin-left:15%;
                  background-color:#8e2826;
                  width:68.1%;
                  margin-right:18%;
                  text-align:center;
              }

              .f2
              {
                  float:left; 
                  margin-left:15%;
                  background-color:#e5e0dd;
                  width:68.1%;
                  margin-right:18%;
                  text-align:center;


              }
              .f3
              {
                    float:left; 
                  margin-left:15%;
                  background-color:#d4cfcd;
                  width:68.1%;
                  margin-right:18%;
                  text-align:center;




              }

                .style1
        {
            color: #8e2826;
        }

      </style> 
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body >
    <form id="form1" runat="server" >



           <div style="margin-left:15%; background-color:#343434; width: 68.1%; margin-right:18%; ">  

                     <asp:Image ID="imgIS" ImageUrl="~/images/improved_LOGO.jpg" runat="server" />




        </div>

         <div class="fl" >


         <asp:Image ID="imgTop" runat="server" ImageUrl="~/images/m_banner_top.jpg" />

         </div>

  <div class="f2">
   <asp:Image ID="Image2" runat="server" ImageUrl="~/images/m_banner_btm_5.jpg" />


  </div>

  <div class="f3" ></div>


    <div class="f3">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>



            <div style="margin-left:15%; margin-right:18%; width: 68.1%; background-color:#8e2826; text-align:center">

             <asp:Image ID="banner" runat="server" ImageUrl="~/images/b_banner_calibri.jpg"/>





       </div>

    </form>
</body>
</html>
4

1 に答える 1

0

それらをページの中央に揃えたい場合は、CSS に次の行を追加します。

width://fixed width;
margin-left: auto;
margin-right:auto;
于 2012-09-15T06:12:07.697 に答える