html - When I resize window menu doesn't remain fixed -


i not able keep menu fix whenever resize window menu doesn't remain fix , keep moving down towards left. want text, pictures , menus remain fix can moved extent , after should scrollable other websites. sharing screenshot happen when scroll webpage:

this how when maximised fine

this when minimised text, menu buttons moves doesn't stay are.

i sharing script this:

 .auto-style19 {             color: highlight;             font-size: 18pt;             position: relative;             width:672px;             display: inline-block;             float: right;             margin-right: 10% auto;             font-family: 'times new roman', times, serif;             top: 49px;             min-height: 196px;             margin-top: 0px;             left: -21px;             height:auto;         }         .auto-style26 {             position:relative;             min-width: 80%;             width:auto;             top: 0px;             left: 0px;             min-height: 505px;             overflow:hidden;             height:auto;             display:block;         }          .auto-style34 {             position: absolute;             left: 64px;             float: left;             width: 500px;             top: 14px;         }          .auto-style36 {             width: 677px;         }
  <div style="margin-top:40px;margin:auto;" class="auto-style26">           <div style="display:inline-block;margin-top:50px;margin-right:20px;" class="auto-style34" >        <asp:image id="image1" runat="server" height="300px" width="200px" cssclass="img1"/>        &nbsp; &nbsp;        <asp:image id="image2" runat="server" height="300px" width="200px" />  </div>         <div class="auto-style19" >             <table class="auto-style36">            <tr><td class="auto-style28">  <asp:label id="label2" runat="server" forecolor="highlight" style="text-transform:capitalize;" font-size="14pt" text="address: " font-bold="true"></asp:label></td>                 <td class="auto-style29"> <asp:label id="labeladdress" runat="server" forecolor="white" style="text-transform:capitalize;" font-size="13pt" ></asp:label></td>                <td rowspan:3 class="auto-style27"><ul id="edit"><li> <a id="edit1" href="#" runat="server"  >edit info</a>                         <ul>                             <li><asp:hyperlink id="hyperlink1" runat="server"  font-size="16pt" font-underline="false" navigateurl="~/editpic1.aspx">edit profile pic 1</asp:hyperlink></li>                             <li><asp:hyperlink id="hyperlink2" runat="server"  font-size="16pt" font-underline="false" navigateurl="~/editpic2.aspx">edit profile pic 2</asp:hyperlink></li>                             <li><asp:hyperlink id="hyperlink3" runat="server"  font-size="16pt" font-underline="false" navigateurl="~/editaddress.aspx">edit address , phone</asp:hyperlink></li>                             <li> <asp:hyperlink id="hyperlink4" runat="server"  font-size="16pt" font-underline="false" navigateurl="~/change password.aspx">change password</asp:hyperlink></li>                        <li> <asp:hyperlink id="hyperlink5" runat="server"  font-size="16pt" font-underline="false" navigateurl="~/change payment method.aspx">change payment method</asp:hyperlink></li>                            </ul>                         </li>                         </ul></td>                                 </tr>                 <tr>                     <td class="auto-style30"><asp:label id="label5" runat="server" forecolor="highlight" style="text-transform:capitalize;" font-size="14pt" text="age: " font-bold="true"></asp:label></td>

if want images , menus on right scale window size, don't specify specific width them. set min-width ensure not go below specific width, other that, give 2 containers percentage width of parent container have them scale in size resize window.


Comments

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

javascript - Z-index in d3.js -