したがって、問題は、ASP.NETでXHTMLページを設計しようとしていることです。現在のアプローチでは、コントロールをに合わせたいだけの場合、ページサイズが拡大し続けますdiv
。
絶対的な使用は悪い習慣であると読んだので、ほとんどのdivでRelativeを使用しています。うまくいけば、これは簡単な修正です。これが私が書きがちなタイプのコードの一部です。これらのコントロールを4つまたは5つ使用すると、画面の周囲に900 + pxのスペースがまだ十分にある場合でも、ページの高さが拡大し始めることに注意してください。
以下の例では画像ボタンを使用していますが、これは他のすべてのコントロールでも発生します。前述のようにこれらを4〜5個追加すると、停止しようとしているページが拡大し始めます。
<div class = "MyHeader">
<asp:ImageButton ID="MyHeaderBTN" runat="server" Height="33" Width= "95" ImageUrl="~/Images/anyURL.png" onmouseover="this.src='/Images/anyURLHover.png'" onmouseout="this.src='Images/anyURL.png'"/>
</div>
これがCSSクラスです
.MyHeader
{
height: 35px;
left: 160px;
position: relative;
top: -116px;
width: 100px;
}
編集:うまくいけば、これで問題が解決します(JSfiddleの使用方法がわかりません)。最終的に私がやろうとしているのは、新しいdivを追加するたびにWebページの高さが増加しないようにすることです。したがって、必要なページがない(または数個しかない)場合、いくつかのdivを追加すると、ページのサイズが大きくなり、下部に空きスペースが残ります。