1

メニューのリサイズを行うのに少し問題があります。フレームの 80% (幅) のバナーを作成しています。メニューであるバナーのすぐ上にテーブルがあります。ここで私の問題は、バナーの右隅に位置を固定する方法がわかりません。彼の位置を絶対に設定すると、フレームを縮小したときにバナーに追従しません。だから、テーブルがフレームの代わりに画像をたどることができる方法かどうか疑問に思っています. HTML テーブルの CSS コードは次のとおりです。

border: 1px solid black;
border-color:Black;
display:none;
width:150px;
position:absolute;
left:1200px; 
vertical-align:top;

そしてここにバナーがあります：

  style="width: 80%; height: 175px; margin-left: 0px" align="middle" />

メニューとバナーが含まれているマスターページのコードは次のとおりです。

    <%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>

<!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>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link rel="Stylesheet" type="text/css" href="StyleSheet.css" />
    <style type="text/css">
        .style2
        {
           width:471px;
           background-size: 100%;
           background-position:center;

        }
        </style>
</head>
<body class="MainBody">
    <form id="form1" runat="server" class="MainForm">
    <div class="Header" runat="server" style="width:100%;">
        <div style="text-align:right; width:100%;" align="center">
            <table id="Tablessss";border="1"; 
                style="text-align:center; width:100%; table-layout:fixed; height: 94px;" 
                width="100%" align="center">
                <tr>
                    <td id="td_Title" runat="server" valign="middle" class="style2"><asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server"></asp:ScriptManager>
                         <table id="TB_Conn"  runat="server"  class="Connection" align="right">
                            <tr>
                                <td align="center"  class="Cells">
                    <asp:Label ID="lbl_User" runat="server" Font-Size="Medium" ></asp:Label>
                                </td>


                                <td align="center"  class="Cells">
                    <asp:Label ID="lbl_Access" runat="server" Font-Size="Medium" ></asp:Label>
                                </td>

                                <td align="center" class="Cells">
                    <asp:Button ID="btn_Disconnect" runat="server" text="D&eacute;connecter" 
                            Visible="true" />
                                </td>
                            </tr>
                        </table>
                        <img alt="" src="pharmacy-banner.jpg" 
                            style="width: 80%; height: 175px; margin-left: 0px" align="middle" />

                   </td>
                </tr>
            </table>
        </div>
    </div>
    <div style="position:relative;min-height:100%;height:auto !important;height:100%;">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>
    <div class="Footer" runat="server">
        <asp:Label ID="lb_Developped" runat="server" Text="D&eacute;velopp&eacute; par EXA Systems Inc."></asp:Label><br />www.exainc.com</div>
    </form>
</body>
</html>

どうも

4

1 に答える 1

1

float:right;サイトのようなjsfiddle.netでコードを使用して表示してみてください...

于 2013-03-12T16:56:45.840 に答える