none
請問個位大大如何防止ASP.NET WEB Form在不同Brower 下格式位移?請大大門指教 RRS feed

  • 問題

  • 請問個位大大:

           如何防止ASP.NET WEB Form在不同Brower 下格式位移?請大大門指教

    我最近用ASP.NET WEB FORM開發 我從工具列點選Label 與Textbox 在設計上都排好了 可是用IE 與 FireFox看執行結果(顯示欄位)都移位

    如果調整適合IE 又不合Firefox 請問各位大大 我如何才能使IE 與 FireFox下顯示一致

    感謝各位大大指教

    2015年4月24日 上午 06:18

所有回覆

  • 要用css 配 div

    大家一齊探討、學習和研究,謝謝!
    MCSD, MCAD, MCSE+I, MCDBA, MCDST, MCSA, MCTS, MCITP, MCPD,
    MCT, Microsoft Community Star(TW & HK),
    Microsoft MVP for VB.NET since 2003
    My MSMVP Blog

    請記得將對您有幫助的回覆標示為解答以幫助其他尋找解答及參與社群討論的朋友們。
    Please remember to clickMark as Answer on the post that helps you. This can be beneficial to other community members reading the thread.

    2015年4月24日 上午 09:15
  • 用 table 排版?

    不精確的問法,就會得到隨便猜的答案;自己都不肯花時間好好描述問題,又何必期望網友會認真回答?

    2015年4月24日 下午 12:25
  • 建議您可以看一下這篇文件:Cross browser consistency : a beginners guide

    請注意裏面有一句話, 先調整成FireFox可以正常顯示的格式..., 原文如下:

    When you’re building a page, check it in Firefox first. Firefox renders css much more accurately than IE. If it looks OK in Firefox, then it will probably look OK in Chrome, Opera and Safari,

    2015年4月25日 上午 08:17
  • 請愛的大大:

         我是用fieldset去處理 問題是 我的日期格是在Firefox下會跑到下一列

    請問如果我要用CSS3該如何寫才不會在不同瀏覽器中跑位

    以下是程式碼

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="main.aspx.cs" Inherits="main" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <style type="text/css">
            #form1 {
                width: 1209px;
                height: 416px;
            }
        </style>
    </head>
    <body style="height: 155px;  width:1199px" >
        <form id="form1" runat="server">
                 
        <fieldset style="height: 157px">
        
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Label ID="Label1" runat="server" Text="公司別 :"></asp:Label>
            <asp:TextBox ID="TextBox1"   runat="server"></asp:TextBox>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Label ID="Label2" runat="server" Text="員工ID : "></asp:Label>
    &nbsp;<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:Label ID="Label3" runat="server" Text="員工姓名 : "></asp:Label>
    &nbsp;
            <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
    &nbsp;
            <asp:Label ID="Label4" runat="server" Text="部門別 : "></asp:Label>
    &nbsp;<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
            <br />
            <br />
            可請特休假天數 :&nbsp;<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
    &nbsp;
            <asp:Label ID="Label5" runat="server" Text="已請特休假天數 : "></asp:Label>
    &nbsp;<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
    &nbsp;
            <asp:Label ID="Label6" runat="server" Text="尚有特休假天數 : "></asp:Label>
    &nbsp;
            <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox>
    
            <br />
            <br />
            <asp:Label ID="Label7" runat="server" Text="可請返台假天數 :"></asp:Label>
            <asp:TextBox ID="TextBox8" runat="server"></asp:TextBox>
    &nbsp;
            <asp:Label ID="Label8" runat="server" Text="以請返台假天數 : "></asp:Label>
    &nbsp;<asp:TextBox ID="TextBox9" runat="server"></asp:TextBox>
    &nbsp;
            <asp:Label ID="Label9" runat="server" Text="尚有返台假天數 : "></asp:Label>
    &nbsp;
            <asp:TextBox ID="TextBox10" runat="server"></asp:TextBox>
    
           
    &nbsp;<br />
            <br />
    &nbsp;&nbsp;
            <asp:Label ID="Label10" runat="server" Text="已請事假天數  :"></asp:Label>
    &nbsp;<asp:TextBox ID="TextBox11" runat="server"></asp:TextBox>
    &nbsp;
            <asp:Label ID="Label11" runat="server" Text="已請普通傷病假  : "></asp:Label>
    &nbsp;<asp:TextBox ID="TextBox12" runat="server"></asp:TextBox>
    &nbsp;
            <asp:Label ID="Label12" runat="server" Text="已請其他假天數 : "></asp:Label>
    &nbsp;
            <asp:TextBox ID="TextBox13" runat="server"></asp:TextBox>
    
         </fieldset>
     <fieldset style="height: 244px; width: 695px;float:left; width: 60%" ><legend>請假內容</legend>
                 <br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
           
               
                <asp:Label ID="Label13" runat="server" Text="請假單號 : "></asp:Label>
                <asp:TextBox ID="TextBox14" runat="server"></asp:TextBox>
                <asp:Label ID="Label14" runat="server" Text="假別 : "></asp:Label>
                <asp:DropDownList ID="DropDownList1" runat="server">
                    <asp:ListItem Value="特休"></asp:ListItem>
                    <asp:ListItem Value="公假"></asp:ListItem>
                    <asp:ListItem Value="事假"></asp:ListItem>
                    <asp:ListItem Value="產假"></asp:ListItem>
                    <asp:ListItem Value="傷假"></asp:ListItem>
                    <asp:ListItem Value="病假"></asp:ListItem>
                </asp:DropDownList>
                
               
                    <br />
                
               
                    <br />
               
                
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               
                
                <asp:Label for="Text1" runat="server" Text="請假日期 : "></asp:Label>
                    <input id="Text1" type="date" />
                    <asp:Label ID="Label16" runat="server" Text="至"></asp:Label>
    &nbsp;<input id="Text2" type="date" />
                <br />
                <br />
               
               
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               
               
                    <asp:Label ID="Label17" runat="server" Text="開始時間 : "></asp:Label>
    &nbsp;<asp:DropDownList ID="DropDownList2" runat="server">
                    <asp:ListItem Value="08:30"></asp:ListItem>
                    <asp:ListItem Value="09:00"></asp:ListItem>
                    <asp:ListItem Value="09:30"></asp:ListItem>
                    <asp:ListItem Value="10:00"></asp:ListItem>
                    <asp:ListItem Value="10:30"></asp:ListItem>
                    <asp:ListItem Value="11:00"></asp:ListItem>
                    <asp:ListItem Value="11:30"></asp:ListItem>
                    <asp:ListItem Value="12:00"></asp:ListItem>
                    <asp:ListItem Value="12:30"></asp:ListItem>
                    <asp:ListItem Value="13:00"></asp:ListItem>
                    <asp:ListItem Value="13:30"></asp:ListItem>
                    <asp:ListItem Value="14:00"></asp:ListItem>
                    <asp:ListItem Value="14:30"></asp:ListItem>
                    <asp:ListItem Value="15:00"></asp:ListItem>
                    <asp:ListItem Value="15:30"></asp:ListItem>
                    <asp:ListItem Value="16:00"></asp:ListItem>
                    <asp:ListItem Value="16:30"></asp:ListItem>
                    <asp:ListItem Value="17:00"></asp:ListItem>
                    <asp:ListItem Value="17:30"></asp:ListItem>
                    </asp:DropDownList>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 結束時間 :
                    <asp:DropDownList ID="DropDownList3" runat="server">
                        <asp:ListItem Value="08:30"></asp:ListItem>
                        <asp:ListItem Value="09:00"></asp:ListItem>
                        <asp:ListItem Value="09:30"></asp:ListItem>
                        <asp:ListItem Value="10:00"></asp:ListItem>
                        <asp:ListItem Value="10:30"></asp:ListItem>
                        <asp:ListItem Value="11:00"></asp:ListItem>
                        <asp:ListItem Value="11:30"></asp:ListItem>
                        <asp:ListItem Value="12:00"></asp:ListItem>
                        <asp:ListItem Value="12:30"></asp:ListItem>
                        <asp:ListItem Value="13:00"></asp:ListItem>
                        <asp:ListItem Value="13:30"></asp:ListItem>
                        <asp:ListItem Value="14:00"></asp:ListItem>
                        <asp:ListItem Value="14:30"></asp:ListItem>
                        <asp:ListItem Value="15:00"></asp:ListItem>
                        <asp:ListItem Value="15:30"></asp:ListItem>
                        <asp:ListItem Value="16:00"></asp:ListItem>
                        <asp:ListItem Value="16:30"></asp:ListItem>
                        <asp:ListItem Value="17:00"></asp:ListItem>
                        <asp:ListItem Value="17:30"></asp:ListItem>
                    </asp:DropDownList>
                
               
           
                    <br />
         
                    <p>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 請假天數 :
                        <asp:TextBox ID="TextBox15" runat="server"></asp:TextBox>
    &nbsp; 又 
                     
                        <asp:TextBox ID="TextBox16" runat="server"></asp:TextBox>
    &nbsp;小時</p>
                    <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 請假事由 :
                        <asp:TextBox ID="TextBox17" runat="server" Height="34px" Width="534px"></asp:TextBox>
                    </p>
                </li>
        </fieldset>
            <fieldset  style="height: 247px; width: 446px; float :left;width:35%" >
    
                <asp:Calendar ID="Calendar1" runat="server" Height="242px" Width="466px"></asp:Calendar>
    
            </fieldset>
                  
              <fieldset style="height: 193px; width: 135px; float:left;width:11%">
                <legend>請假申請</legend>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="Button1" runat="server"  Text="確定申請" Height="36px" Width="70px" />
    &nbsp;&nbsp;&nbsp;&nbsp;
                <br />
    &nbsp;&nbsp;
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="Button2" runat="server" Text="填新假單" Height="36px" Width="70px"  />
    &nbsp;
                <br />
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="Button4" runat="server" Text="撤回申請" Height="36px" Width="70px" />
            </fieldset>
            <fieldset style="height: 193px; width: 1012px;float:left;width:20%">
                <legend>資料填寫</legend>
                <br />
    &nbsp;
                <asp:Label ID="Label18" runat="server" Text="選取職務代理人 : "></asp:Label>
                <asp:DropDownList ID="DropDownList4" runat="server">
                </asp:DropDownList>
                <br />
                <br />
    &nbsp;
                <asp:Label ID="Label19" runat="server" Height="26px" Width="70px" Text="直屬主管: "></asp:Label>
                <asp:TextBox ID="TextBox18" Height="16px" Width="120px" runat="server"></asp:TextBox>
                <br />
                <br />
    &nbsp;
                <asp:Label ID="Label20" runat="server" Height="26px" Width="70px"  Text="部門主管:"></asp:Label>
                <asp:TextBox ID="TextBox19" Height="16px" Width="120px"  runat="server"></asp:TextBox>
                <br />
                <br />
    &nbsp;
                <asp:Label ID="Label21" runat="server" Height="26px" Width="70px"  Text="最高主管: "></asp:Label>
                <asp:TextBox ID="TextBox20" Height="16px" Width="120px"  runat="server"></asp:TextBox>
                  </fieldset> 
            <fieldset style="height:193px;width:200px;float:left;width:10%"> <legend>傳送請假資料</legend>
                <asp:Button ID="Button5" runat="server" Height="172px" Text="確定傳送" Width="121px" />
            </fieldset>
        </form>
        
    
    
        </body>
    </html>
    

    感謝各位大大

    2015年4月27日 上午 03:38
  • 請改用 Bootstrap 來設計,就不用考慮瀏覽器差異了。

    http://getbootstrap.com/


    強力監督SQL Injection問題!!

      • 小朱的技術隨手寫:http://www.dotblogs.com.tw/regionbbs/
      • 雲端學堂Facebook: http://www.facebook.com/studyazure

    2015年4月27日 上午 03:50
    版主
  • 請問小朱大大:

            我是在Visual studio 2013中設計 可以用您所說的Bootstrap嗎?

    感謝您的回答

            

    2015年4月27日 上午 04:38
  • Bootstrap 是 CSS Framework,和 Visual Studio 無關。

    強力監督SQL Injection問題!!

      • 小朱的技術隨手寫:http://www.dotblogs.com.tw/regionbbs/
      • 雲端學堂Facebook: http://www.facebook.com/studyazure

    2015年4月27日 上午 04:54
    版主
  • 下載Bootstrap framework便可

    http://www.google.com.hk/url?sa=t&rct=j&q=&esrc=s&frm=1&source=web&cd=1&cad=rja&uact=8&ved=0CCAQFjAA&url=http%3A%2F%2Fgetbootstrap.com%2F&ei=6NY9VZqwLsa0mwX824GQAw&usg=AFQjCNGqJZetnaefv01M-l2VBolDSsiGFQ&bvm=bv.91665533,d.dGY


    大家一齊探討、學習和研究,謝謝!
    MCSD, MCAD, MCSE+I, MCDBA, MCDST, MCSA, MCTS, MCITP, MCPD,
    MCT, Microsoft Community Star(TW & HK),
    Microsoft MVP for VB.NET since 2003
    My MSMVP Blog

    請記得將對您有幫助的回覆標示為解答以幫助其他尋找解答及參與社群討論的朋友們。
    Please remember to clickMark as Answer on the post that helps you. This can be beneficial to other community members reading the thread.

    2015年4月27日 上午 06:28
  • 各瀏覽器的渲染引擎不同 , 所以對於定位的計算也不同 

    可以採用css media query針對不同渲染引擎設計

    另外採用bootstrap你也會遇到web form 元件不容易改的動


    微軟免費線上課程

    HTML5 & JavaScript程式開發實戰(MyBook)

    開發ASP.NET您要瞭解的基楚

    http://www.dotblogs.com.tw/ian (MyBlog)

    2015年4月27日 上午 06:48
  • 親愛的小朱大大:

             如何知道Bootstrap是否安裝成功呢?

    謝謝指教

              

    2015年4月27日 上午 07:05
  • 看你的專案有沒有引入Bootstrap的相關js檔就知道了

    如果你用Nuget安裝到專案 , 那麼應該在專案目錄就會看到

    另外你的問題不是安裝完就自動會有效果 , 而是你要依照Bootstrap的設計方式去改你的HTML


    微軟免費線上課程

    HTML5 & JavaScript程式開發實戰(MyBook)

    開發ASP.NET您要瞭解的基楚

    http://www.dotblogs.com.tw/ian (MyBlog)


    • 已編輯 No.18MVP 2015年4月27日 上午 07:16
    2015年4月27日 上午 07:15