asp.net Seitenanpassung, wenn Browser-Seite minimiert/wiederhergestellt wird Zustand

Question

Ich entwickle eine Website mit asp.net, So weit so gut. Die Funktionalität hat nicht viel von einem Problem, aber die Art, wie die Seite aussieht, ist das Problem. Wenn die Browser-Seite im Vollbildmodus ist, sind alle Steuerelemente richtig ausgerichtet und an der richtigen Stelle, genau wie es aussah, wenn ich es auf VS 2010 entworfen habe. Aber wenn der Browser im wiederhergestellten Down-Modus ist oder die Bildschirmgröße reduziert ist Auf der Seite sieht man sich zerstreut herum. Ich suchte online, fand aber keine Hilfe This link hat das gleiche Problem, aber es scheint keine Lösung gebucht zu sein. Bitte helfen Sie.

Danke :)

Answer 1

können Sie Ihre CSS-Elemente möchten betrachten in% nicht absolute Maßnahmen definiert werden, beispielsweise i eine div Breite = 100px; Ich möchte es div Breite = 50%. das würde eine relative Größe der Bildschirmgröße eher den festen geben.

beachten Sie auch den Schwimmer und verwenden divs, um Ihre Seite zu machen entsprechend anpassen

Answer 2

Während ein Design Codierung Sie im Auge behalten müssen, dass verschiedene Benutzer verschiedene Geräte mit unterschiedlichen Eigenschaften verwendet werden. Das hat nichts mit asp.net, C# oder visual-studio zu tun. Dies ist ein Problem mit CSS. Sie müssen lernen, wie Sie Ihre Website so gestalten, dass sie immer gleich aussieht, nicht nur, wenn Sie sie auf Ihrem Computer mit einer bestimmten Monitorauflösung betrachten. Dies ist ein Thema, das hier nicht behandelt werden kann. Es gibt ganze Bücher, die dieses "Problem" diskutieren und wie man es vermeidet.

EDIT, einige Links, die helfen können:

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

Hoffe, es hilft. Wenn Sie nicht erfahren sind, würde ich vorschlagen, mit einem Layout fester Breite zu bleiben und zu lernen, zu lernen, zu lernen.

Und der letzte Hinweis - nicht vergessen, dass es auch verschiedene Browser gibt, die jeweils die Seite auf eine etwas andere Art und Weise rendern. Vergessen Sie nicht, Ihre CSS in diesem Sinne zu schreiben und oft auf Probleme zu prüfen.

Answer 3

Das Problem, mit dem Sie konfrontiert sind, ist bekannt als Floating Web Layout. Hier gebe ich ein Beispiel

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

Durch die Änderung auf der Breite, Höhe und Marge in Prozent (wie durch @Akash Yadav vorgeschlagen), Sie können Ihr Layout im Einklang mit Seite Auflösung beheben. Hoffe es wird dir helfen.
* Hinweis: * Es gibt viele Beiträge auf schwimmenden Web-Layout. Suche google nach mehr :).