none
IE7正式版で、ボタンが横に長くなる RRS feed

  • 質問

  • IE7の正式版をインストールしました。

    既存のASP.NET2.0のWEBアプリを起動してみると、

    ボタンが画面いっぱいに、長くなって表示されてしまいました。

    みなさん、如何でしょうか? また、他にも何か不具合ありますか?

    2006年11月4日 12:26

回答

  • これは(・〇・;)

    静的な HTML でも、position:absolute があると、そうなりますね。submit, button, reset で確認。バグっぽいよ。

    Beta Feedback を "position absolute" で検索しました。3件ヒットしましたが、どれも、この件には関係なさそうです。

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
        <head>
            <title>てすと</title>
        </head>
        <body>
            <form>
                <input type="button" Style="left:10px; top:30px; position:absolute;" value="Button">
                <input type="submit" Style="left:10px; top:60px; position:absolute;" value="submit">
                <input type="reset" Style="left:10px; top:90px; position:absolute;" value="reset">
            </form>
        </body>
    </html>
    
    2006年11月10日 13:27

すべての返信

  • IE7 では CSS のサポートが加わったり、厳密になっています。
    IE7 では使えない Style が指定されていませんか?
    デフォルト設定のボタンなら特におかしなことにはなりませんよ。
    2006年11月5日 0:37
  • おがわみつぎ様、有難うございます。

    特別なStyleは、設定しておりません。

    現象の一つとしてわかった事は、ツールボックスからButtonをドラッグして

    そのまま配置した状態(プロパティのWidthが空白の状態)の場合、

    実行して、IE7で表示させると画面の横いっぱいにButtonが長くなって表示されます。

    Buttonの大きさを変えるか、直接、プロパティのWidthを設定するかすると

    実行しても正常に表示されます。IE6では、どちらもデザインの大きさで正常に表示されたのですが。

    当方のPCの関係でしょうか?

    2006年11月6日 13:28
  • とりあえず再現できる最小のソースを提示できますか?
    2006年11月6日 14:29
  • 中博俊 様 有難うございます。

    ソースを記載いたします。

    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

    <!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>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:Button ID="Button1" runat="server" Style="z-index: 100; left: 0px; position: absolute;
                top: 0px" Text="Button" />
       
        </div>
        </form>
    </body>
    </html>

    2006年11月7日 14:02
  • たしかにこのソースだとボタンが横に長くなりますが、通常はこのようなStyle属性は追加されないと思います。
    このような属性が追加される状態がおかしいのではないでしょうか。
    2006年11月7日 15:06
  • どっとねっとふぁん様、有難うございます。

    なぜ、このような属性になってしまうのか原因がわかりません。

    特別なことは、していないつもりなのですが・・

    VS2005にて、ツール オプション HTMLデザイナ CSS配置 で、

    絶対配置 左右の間隔、上下の間隔へチェックを付与していますが

    この為でしょうか?

    2006年11月8日 2:49
  • この為以外に原因は考えられないですよね。
    どこかでおがわさんが書いてるようにIE7で使えないスタイル等が追加されているんじゃないですか。

    #というか、それだけの処理をやっていたら、その処理のどこかに問題がないか、とか、その処理をやることでソースコードにどういった記述が追加されるのか、とか調べるよね、普通。。。

     

    2006年11月8日 3:35
  • どうも失礼致しました。本当におしゃっるとうりで・・

    以下、いくつか試したStyle属性を記載させて頂きました。
    (NG)と書いたのが、IE7にてボタンが正しく表示されなかったケースです。

    結果、自動配置オプションで、絶対配置をした場合、ツールボックスから
    ボタンをドラッグしたままですとStyleに、Widthの指定が無い為、
    厳密になったIE7ではおかしく表示されてしまう、というように思えます。
    リンクボタンやテキストボックス、ラベル等は、問題ないのですが。

    そもそも、自動配置オプションで、絶対配置を選択していたのは、
    デザインで、コントロールを任意の位置に配置したい為でしたが、
    自動配置オプションを普通は使用しないのでしょうか。
    普通は、どのようにするのかな・・・、レイヤ??

    この件に関しては、Widthを設定する、相対配置にする、の方法で
    対応できるのですが、コントロールを任意の位置に配置するやり方が
    不安になってきてしまいました・・・・

    ---------------------------------------------------------------------------------------------

    【絶対配置】コントロールを任意の位置に配置可能
      ツールボックスより、ドラッグ直後 (NG)
      Style="z-index: 100; left: 0px; position: absolute; top: 0px" Text="Button" />

      ドラッグ後、Widthを指定 (OK)
      Style="z-index: 100; left: 0px; position: absolute; top: 0px" Text="Button" Width="64px" />

    【相対配置】コントロールを任意の位置に配置可能
      ドラッグ直後 (OK)
      Style="position: relative" Text="Button" />

    【静的配置】コントロールを任意の位置に配置 不可
      ドラッグ直後  (OK)
      Style="position: static" Text="Button" />

    【配置情報はありません】コントロールを任意の位置に配置 不可
      ドラッグ直後  (OK)
      Style属性なし

    【未チェック】コントロールを任意の位置に配置 不可
      ドラッグ直後  (OK)
      Style属性なし

     

     

     

    2006年11月9日 11:51
  • これは(・〇・;)

    静的な HTML でも、position:absolute があると、そうなりますね。submit, button, reset で確認。バグっぽいよ。

    Beta Feedback を "position absolute" で検索しました。3件ヒットしましたが、どれも、この件には関係なさそうです。

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
        <head>
            <title>てすと</title>
        </head>
        <body>
            <form>
                <input type="button" Style="left:10px; top:30px; position:absolute;" value="Button">
                <input type="submit" Style="left:10px; top:60px; position:absolute;" value="submit">
                <input type="reset" Style="left:10px; top:90px; position:absolute;" value="reset">
            </form>
        </body>
    </html>
    
    2006年11月10日 13:27
  • Jitta様、有難うございます。

    この件について、情報が無いのは、通常は、ボタンのWidthを空白のままに、しないせいなのでしょう。

    テストして頂き、感謝です。

     

    2006年11月11日 1:03