asp.net を使用して Web サイトを開発しています。機能には大きな問題はありませんが、ページの見た目が問題です。ブラウザー ページがフル スクリーン モードの場合、VS 2010 で設計したときと同じように、すべてのコントロールが適切に配置され、適切な場所に配置されます。ページ上に散らばっているように見えます。オンラインで検索しましたが、ヘルプが見つかりませんでしたこのリンクには同じ問題がありますが、解決策が投稿されていないようです。助けてください。
ありがとうございました :)
css 要素を % ではなく % で定義することを検討したい場合があります。たとえば、私は div width=100px; を持っています。div幅=50%にしたいです。これにより、固定サイズではなく画面サイズの相対的なサイズが得られます。
フロートも考慮し、それに応じてページを調整するためにdivを使用してください
設計をコーディングする際には、さまざまなユーザーがさまざまなプロパティを持つさまざまなデバイスを使用することに留意する必要があります。これは、asp.net、c#、Visual Studio とは関係ありません。これは CSS の問題です。特定のモニター解像度を使用してコンピューターで見ているときだけでなく、常に同じように見えるように、Web サイトのスタイルを設定する方法を学ぶ必要があります。これはここではカバーできないトピックです。この「問題」とそれを回避する方法について議論している本全体があります。
編集、役立つリンクがいくつかあります:
http://www.theserverside.com/tip/How-to-design-a-Web-page-that-will-display-properly-across-browsers
http://faq.programmerworld.net/web_publishing/a-web-standards-checklist.html
http://www.jimwestergren.com/common-css-mistakes-and-their-solutions/
http://www.webreference.com/authoring/style/sheets/index.html
それが役に立てば幸い。経験がない場合は、固定幅のレイアウトに固執して、学習、学習、学習することをお勧めします。
そして最後のアドバイス - さまざまなブラウザが存在し、それぞれがわずかに異なる方法でページをレンダリングすることを忘れないでください。それを念頭に置いてcssを書き、問題がないか頻繁にチェックすることを忘れないでください。
あなたが直面している問題は、フローティング Web レイアウトとしてよく知られています。ここで私は例を挙げています
#header
{
height: 85px; // change like 10%
width:1000px; // change like 50%
background-color: White;
border-bottom:solid 2px #9DACBD;
margin:10px auto 0px auto; // change like 10% auto 0% auto
}
幅、高さ、マージンをパーセンテージに変更することで (@Akash Yadav の提案に従って)、レイアウトをページの解像度と一致させることができます。それがあなたを助けることを願っています。
*注: * フローティング Web レイアウトに関する投稿が多数あります。詳しくはグーグルで検索してください:)。