2012-04-08 2 views
0

私はasp.netを使ってウェブサイトを開発しています。機能にはあまり問題はありませんが、ページの見た目は問題です。ブラウザのページがフルスクリーンモードになっていると、すべてのコントロールが正しく配置され、VS 2010でデザインされたときと同じように適切な場所に配置されます。しかし、ブラウザが復元モードになっているか、ページ上に散在するように見えます。私はオンラインで検索しましたが、助けが見つかりませんでした。This linkに同じ問題がありますが、解決策が投稿されていないようです。助けてください。asp.netのページ調整時にブラウザのページが最小化/復元されました

はありがとうございました:)

答えて

1

あなたは%絶対ではない措置で定義するためにあなたのCSSの要素を検討したいと考えてもよく、たとえば、私は= 100pxにdivの幅を持っています。私はdiv幅= 50%にしたいと思います。これは固定されたものよりも相対的な画面サイズのサイズを与えるでしょう。

もフロートを考慮して、さまざまなユーザーがさまざまな特性を持つさまざまなデバイスを使用することを心に留めておく必要があるデザインをコーディングしつつ

+0

Thnx thatsはすばらしい提案です。 – Apoorva

1

調整してページを作成するためにdivを使用してください。これはasp.net、c#、visual-studioとは関係ありません。これはCSSの問題です。ウェブサイトのスタイルを設定する方法を学ぶ必要があります。そのため、特定のモニター解像度を使用してコンピュータで見るときだけでなく、常に同じように見えます。これはここではカバーできないトピックです。この「問題」とそれを避ける方法について議論している本が全部あります。

EDIT、助けるかもしれないいくつかのリンク:

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を書いて、頻繁に問題をチェックすることを忘れないでください。

+0

いくつか提案できますか? – Apoorva

+0

@Apoorva、確かに。私はいくつかの無料のWeb参照を見つけて答えを更新しようとします。 – walther

1

あなたが直面している問題は、フローティングWebレイアウトとしてよく知られています。ここで私はあなたのページの解像度と一致してレイアウトを修正することができ 、(@Akashヤダヴにより示唆されるように)幅、高さ、および割合に余裕を変更することにより例に

#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 
} 

を与えています。それがあなたを助けることを願っています。
* 注: *浮動ウェブレイアウトには多くの投稿があります。検索Googleもっと:)。

関連する問題