Was könnte sich in die ASPX -Website stören. ⇐ HTML

[Anonymous]

Zweck < /h2> Ich erstelle eine ASPX -Website. Es handelt sich um eine Form von Webseite, es gibt 55 Fragen. Für jede Frage gibt es drei Antworten und um diese einen CSS -Gitterstil zu verwenden, um sicherzustellen, dass alles konsequent verteilt ist. Für dieses Formular haben wir einen C# -Code hinter sich. Mein Team und ich haben ziemlich viel Fehler beheben und es gibt keinen Erfolg. Wir wissen nicht, wo wir diesen Punkt betrachten sollen. Jede Richtung, die vorwärts gehen/prüft, wird geschätzt. Fehlerbehebung, dass wir uns wirklich verblüfft haben. Etwas stört indes -crollPositiononPostback = "true", und wir wissen nicht was. Wir haben innerhalb jeder Frage eine Rasteranzeige verwendet. 2). Wir haben einen Sitemaster mit einer vertikalen Navigationsleiste, die auf die Website angewendet wird. Ich habe diese Informationen aufgenommen.
3). Wir haben eine Art von C#, die die Position des Scroll -Bildschirms auf dem Postback bearbeitet, aber das Verhalten, das wir sehen möchten, nicht nachahmt. Wenn wir auf der Seite tabben und Antworten für die Fragen auswählen, wählen wir die Antwort, die die Antwort bis zum Ende der Seite nach unten ausgewählt hat. Dies verschiebt die Seite auf unangenehme Weise. Siehe unten:







File Information


File Number


Escrow Officer





Flash


Date Closed





Branch



Transaction Type

Residential Sale
Refinance
Other






Transaction Amount ($)


Exception Percentage

• 
  
  
• 
  
  
• 
  
  
• 
  
  

< /code>
sitemaster.css
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
.body-content {
padding: 0;
}
}
html, body {
height: 100%;
margin: 0;
font-family:'Segoe UI';
}

.navbar {
padding: 0;
background-color: #ffffff !important;
height: 80px;
width: 100%;
align-items: center;
flex-direction: row;
display: flex;
position: relative; /* Ensure this is set */
}

h1 {
margin: 0;
}

h1 img {
width: 200px;
height: 70px;
}

.wrapper {
display: flex;
height: calc(100vh - 80px); /* Adjust this based on the height of your navbar */
position: relative;
}

.sidebar {
width: 100px;
background-color: #383838;
padding: 15px;
box-sizing: border-box;
font-family: 'Segoe UI';
display: flex;
flex-direction: column;
align-items: center;
position: sticky;
top: 0;
}

.sidebar h1 {
margin: 0;
padding: 10px 0;
font-size: 24px;
}

.sidebar h1 img {
width: 250px;
height: 30px;
}

.sidebar h1 a {
text-decoration: none;
color: #f31414;
}

.sidebar h1 a img {
width: 90px;
height: 90px;
}

.sidebar nav ul {
list-style-type: none;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}

.sidebar nav ul li {
margin: 10px 0;
}

.sidebar nav ul li img {
width: 80px;
height: 50px;
}

.sidebar nav ul li a {
text-decoration: none;
color: #ffffff;
}

.content {
flex-grow: 1;
box-sizing: border-box;
overflow-y: auto;
position: relative; /* testing - Alexis 2/14/25 */
}
[/code]