Tabelle wird richtig angezeigt

This commit is contained in:
ja
2021-11-19 15:59:37 +01:00
parent 2e28bd5937
commit 0a1dd47026
4 changed files with 66 additions and 39 deletions

View File

@@ -33,6 +33,12 @@
width: 53%; width: 53%;
border: 1px solid grey; border: 1px solid grey;
} }
#conovertab{
margin-left:-38px;width:416px;
}
g-3{
width:100%;
}
@media (max-width: 349.98px) { @media (max-width: 349.98px) {
body { body {
max-width: 349.98px; max-width: 349.98px;
@@ -52,6 +58,9 @@
width: 53%; width: 53%;
border: 1px solid grey; border: 1px solid grey;
} }
#conovertab{
margin-left:-38px;width:416px;
}
} }
</style> </style>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
@@ -265,10 +274,12 @@
</div> </div>
</div> </div> </div> </div>
<div id="Abstand_laenger" style="height: /*24px*/ 1.873536299765808vh;"></div> <div id="Abstand_laenger" style="height: /*24px*/ 1.873536299765808vh;"></div>
</div></div>
</div>
<asp:Button ID="btn_Auftraege" class="btn-primary" runat="server" Text="Erhalte Aufträge" OnClick="btn_Auftraege_Click" style="background-color:#fff;color:#043381;height:30px;width:221px;font-size:1.33em;" OnClientClick="return verify()"/> <asp:Button ID="btn_Auftraege" class="btn-primary" runat="server" Text="Erhalte Aufträge" OnClick="btn_Auftraege_Click" style="background-color:#fff;color:#043381;height:30px;width:221px;font-size:1.33em;" OnClientClick="return verify()"/>
<div id="Abstand_lang" style="height: /*32px*/ 2.498048399687744vh;"></div> <div id="Abstand_lang" style="height: /*32px*/ 2.498048399687744vh;"></div>
<div class="g-3"> <div class="g-3">
<div id="conovertab" style="overflow-x:auto;"margin-left="-2px"> <div id="conovertab" style="overflow-x:auto;">
<asp:Table class="table table-responsive table-striped table-borderless" id="normaltable" runat="server" BorderWidth="2px"> <asp:Table class="table table-responsive table-striped table-borderless" id="normaltable" runat="server" BorderWidth="2px">
<asp:TableHeaderRow id="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff"> <asp:TableHeaderRow id="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff">
<asp:TableHeaderCell ID="tbl_HeaderCellIndexNr" runat="server" AbbreviatedText="Index">Index-Nr</asp:TableHeaderCell> <asp:TableHeaderCell ID="tbl_HeaderCellIndexNr" runat="server" AbbreviatedText="Index">Index-Nr</asp:TableHeaderCell>
@@ -284,8 +295,7 @@
</div> </div>
</div> </div>
</div></div>
</div>
<br /><br /><br /> <br /><br /><br />
<% End If <% End If
End If End If

View File

@@ -102,11 +102,11 @@
<div style="height:0.936768149882904vh"></div> <div style="height:0.936768149882904vh"></div>
<div class="col-12" id="con4"> <div class="col-12" id="con4">
<div class="col-12" id="container2" style="margin-left:2px"> <div class="col-12" id="container2" style="margin-left:2px">
<asp:Label ID="lbl_von" runat="server" ClientIDMode="Predictable">Von:</asp:Label> <asp:Label ID="lbl_von" runat="server" BorderStyle="None" ClientIDMode="Predictable">Von:</asp:Label>
<asp:TextBox ID="pickdate1" Type="Date" CssClass="classTarget" runat="server" ClientIDMode="Predictable"></asp:TextBox> <asp:TextBox ID="pickdate1" Type="Date" CssClass="classTarget" runat="server" ClientIDMode="Predictable"></asp:TextBox>
<asp:RequiredFieldValidator ControlToValidate="pickdate1" Display="Dynamic" ID="valreq_pickdate1" runat="server" ErrorMessage=""></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ControlToValidate="pickdate1" Display="Dynamic" ID="valreq_pickdate1" runat="server" ErrorMessage=""></asp:RequiredFieldValidator>
<asp:CustomValidator runat="server" ID="valdaterage_1" OnServerValidate="valdaterage_1_ServerValidate" ControlToValidate="pickdate1" ForeColor="Red" Display="Dynamic" ErrorMessage="Fehler in Von-Feld" SetFocusOnError="true"></asp:CustomValidator> <asp:CustomValidator runat="server" ID="valdaterage_1" OnServerValidate="valdaterage_1_ServerValidate" ControlToValidate="pickdate1" ForeColor="Red" Display="Dynamic" ErrorMessage="Fehler in Von-Feld" SetFocusOnError="true"></asp:CustomValidator>
<asp:Label ID="lbl_bis" runat="server">Bis:</asp:Label> <asp:Label ID="lbl_bis" runat="server" BorderStyle="None">Bis:</asp:Label>
<asp:Textbox ID="pickdate2" Type="Date" CssClass="classTarget" runat="server"></asp:Textbox> <asp:Textbox ID="pickdate2" Type="Date" CssClass="classTarget" runat="server"></asp:Textbox>
<asp:RequiredFieldValidator ControlToValidate="pickdate2" Display="Dynamic" ID="valreq_pickdate2" runat="server" ErrorMessage=""></asp:RequiredFieldValidator> <asp:RequiredFieldValidator ControlToValidate="pickdate2" Display="Dynamic" ID="valreq_pickdate2" runat="server" ErrorMessage=""></asp:RequiredFieldValidator>
<asp:CustomValidator ControlToValidate="pickdate2" runat="server" Display="Dynamic" ID="valdaterange_2" OnServerValidate="valdaterange_2_ServerValidate" ErrorMessage="Fehler in Bis-Feld" SetFocusOnError="true"></asp:CustomValidator> <asp:CustomValidator ControlToValidate="pickdate2" runat="server" Display="Dynamic" ID="valdaterange_2" OnServerValidate="valdaterange_2_ServerValidate" ErrorMessage="Fehler in Bis-Feld" SetFocusOnError="true"></asp:CustomValidator>
@@ -209,7 +209,7 @@
<asp:Button ID="Button1" CssClass="btn btn-primary" runat="server" Text="Erhalte Rechnungen" OnClick="btn_b_Click" /> <asp:Button ID="Button1" CssClass="btn btn-primary" runat="server" Text="Erhalte Rechnungen" OnClick="btn_b_Click" />
<div id="Abstand_lang" style="height: /*32px*/ 2.498048399687744vh;"></div> <div id="Abstand_lang" style="height: /*32px*/ 2.498048399687744vh;"></div>
<div class="g-3"> <div class="g-3">
<div id="conovertab" style="overflow-x:auto;margin-left:-2px"> <div id="conovertab" style="overflow-x:auto">
<asp:Table class="table table-responsive table-striped table-borderless" ID="normaltable" runat="server" Width="73%" BorderStyle="Solid" style="margin-right:auto;border: 2px solid #043381"> <asp:Table class="table table-responsive table-striped table-borderless" ID="normaltable" runat="server" Width="73%" BorderStyle="Solid" style="margin-right:auto;border: 2px solid #043381">
<asp:TableHeaderRow ID="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff"> <asp:TableHeaderRow ID="tbl_Header_row" runat="server" style="background-color:#043381;color:#fff">
<asp:TableHeaderCell ID="tbl_HeaderCellIndex" runat="server" AbbreviatedText="Index">Index-Nr</asp:TableHeaderCell> <asp:TableHeaderCell ID="tbl_HeaderCellIndex" runat="server" AbbreviatedText="Index">Index-Nr</asp:TableHeaderCell>
@@ -224,9 +224,7 @@
</asp:Table> </asp:Table>
</div> </div>
</div> </div>
<% End If
<% End If
End If End If
End If End If
Catch ex As Exception Catch ex As Exception

View File

@@ -233,9 +233,10 @@ hr{
} }
#conovertab { #conovertab {
/* max-width:width:150px 11.25em;*/ /* max-width:width:150px 11.25em;*/
margin-left: /*14px*/ 3.0837004405286343vw;
max-width: /*390px;*/ 85.90308370044053vw; margin-left: -38px;
overflow-x: auto; width: 416px;
overflow-x: auto;
} }
#btn_Auftraege { #btn_Auftraege {
height: 15px; height: 15px;

View File

@@ -73,34 +73,40 @@ ContentPlaceHolder1_Send_Data {
width: 100%; width: 100%;
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
body{ body {
width:390px; width: 390px;
max-width:390px; max-width: 390px;
} }
tbody { tbody {
font-size: 3.303964757709251vw; font-size: 3.303964757709251vw;
height: auto; height: auto;
flex-wrap: wrap; flex-wrap: wrap;
width: 390px; width: 390px;
max-width: 390px; max-width: 430px;
} }
#normaltable { #normaltable {
width: 10%; width: 10%;
} }
#conovertab { #conovertab {
/* max-width:width:150px 11.25em;*/ /* max-width:width:150px 11.25em;*/
margin-left: /*14px*/ 3.0837004405286343vw; margin-left: -38px;
max-width: /*390px;*/ 85.90308370044053vw; width: 416px;
overflow-x: auto; overflow-x: auto;
} }
h1 { h1 {
color: #043381; color: #043381;
font-size: 22px; font-size: 22px;
} }
h2 { h2 {
color: #043381; color: #043381;
font-size: 30px; font-size: 30px;
} }
#containerseiterand { #containerseiterand {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
@@ -108,50 +114,61 @@ ContentPlaceHolder1_Send_Data {
max-width: 390px; max-width: 390px;
} }
.flex-fill {
width: 700px;
}
#cont3 {
width: 700px;
}
#cont4 {
min-width: 750px;
}
#pickdate1 {
border: 1px solid #000000;
}
#pickdate1 {
border: 1px solid #000000;
}
.flex-fill { .flex-fill {
width: 700px; width: 700px;
} }
#cont3 { #cont3 {
width: 700px; width: 700px;
} }
#cont4 { #cont4 {
min-width: 750px; min-width: 750px;
} }
#pickdate1 {
border: 1px solid #000000;
}
#pickdate1 {
border: 1px solid #000000;
}
.flex-fill {
width: 700px;
}
#cont3 {
width: 700px;
}
#cont4 {
min-width: 750px;
}
tbody { tbody {
font-size: 3.303964757709251vw; font-size: 3.303964757709251vw;
height: auto; height: auto;
flex-wrap: wrap; flex-wrap: wrap;
width: fit-content; width: fit-content;
} }
#normaltable { #normaltable {
width: 100%; width: 100%;
} }
#ContentPlaceHolder1_conovertab { #ContentPlaceHolder1_conovertab {
/* max-width:width:150px 11.25em;*/ /* max-width:width:150px 11.25em;*/
margin-left: /*14px*/ 3.0837004405286343vw; margin-left: /*14px*/ 3.0837004405286343vw;
max-width: /*390px;*/ 85.90308370044053vw; max-width: /*390px;*/ 85.90308370044053vw;
overflow-x: auto; overflow-x: auto;
} }
#ContentPlaceHolder1_Send_Data { #ContentPlaceHolder1_Send_Data {
height: 15px; height: 15px;
width: 300px; width: 300px;
} }
#ContentPlaceHolder1_lbl_bis { #ContentPlaceHolder1_lbl_bis {
border: 1px solid #000000; border: 1px solid #000000;
margin-left: 15px; margin-left: 15px;
@@ -161,6 +178,7 @@ ContentPlaceHolder1_Send_Data {
border: 1px solid #000000; border: 1px solid #000000;
margin-left: 15px; margin-left: 15px;
} }
@media (max-width: 349.98px) { @media (max-width: 349.98px) {
body { body {
width: 349.98px; width: 349.98px;
@@ -180,9 +198,8 @@ ContentPlaceHolder1_Send_Data {
} }
#conovertab { #conovertab {
/* max-width:width:150px 11.25em;*/ margin-left: -38px;
margin-left: /*14px*/ 3.0837004405286343vw; width: 349.98px;
max-width: /*390px;*/ 85.90308370044053vw;
overflow-x: auto; overflow-x: auto;
} }
@@ -219,7 +236,7 @@ ContentPlaceHolder1_Send_Data {
border: 1px solid #000000; border: 1px solid #000000;
} }
#pickdate1 { #pickdate2 {
border: 1px solid #000000; border: 1px solid #000000;
} }
@@ -267,4 +284,5 @@ ContentPlaceHolder1_Send_Data {
border: 1px solid #000000; border: 1px solid #000000;
margin-left: 15px; margin-left: 15px;
} }
} }
}