Quando meus quadros são carregados com os dados, as mesas à esquerda ocupam a tela inteira e as mesas certas são smooshed
https://stackoverflow.com/questions/1635439
-
06-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Eu tenho tido este problema um pouco frustrante, e tendo fracassado tantas vezes, eu estou esperando que alguém aqui pode me ajudar. O que acontece é essas tabelas no lado esquerdo da página aparecer muito bem e fazer o que é suposto fazer quando eu compilação . No entanto, uma vez que eu carregá-lo em dados de intranet e de carga da minha empresa dessa forma (mesmos dados btw), as mesas do lado esquerdo da página explodir em toda a tela além da resolução de meu laptop de trabalho (1600x900), enquanto as mesas à direita se encolhido para cerca de 1/4 de seu tamanho.
Então, por favor, ajuda, este foi frustrante me por horas. Abaixo você encontrará .aspx da página e a folha de estilo. Eu só vou postar o top dois painéis de tabelas.
ShippingReference.aspx
<table style="width: 1000px;">
<tr style="height: 800px;">
<td style="width: 50%; height: 100%;" valign="top">
<asp:Panel runat="server" ID="pnlMainInfo" style="margin:20px; background-color:#ccccff" GroupingText="Main Information:">
<table style="width:100%; height:100%;">
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Terms:</h2> </div>
<asp:TextBox ID="txtTerms" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Acceptable Carriers:</h2> </div>
<asp:TextBox ID="txtCarriers" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Routing/Order Submit Time Line:</h2> </div>
<asp:TextBox ID="txtTimeLine" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Appointment Information Required:</h2> </div>
<asp:TextBox ID="txtAppointmentInformation" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Carton Markings Required:</h2> </div>
<asp:TextBox ID="txtCartonMarkings" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Special Labels Required:</h2> </div>
<asp:TextBox ID="txtSpecialLabels" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Shipping Contacts:</h2> </div>
<asp:TextBox ID="txtShippingContacts" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Routing Website:</h2> </div>
<asp:TextBox ID="txtRoutingWebsite" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Customer Website Instructions/Trouble Shooting:</h2> </div>
<asp:TextBox ID="txtCustWebsite" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
</table>
</asp:Panel>
<cc1:CollapsiblePanelExtender ID="pnlMainInfo_CollapsiblePanelExtender"
runat="server" Enabled="True" TargetControlID="pnlMainInfo">
</cc1:CollapsiblePanelExtender>
</td>
<td style="width: 50%; height: 100%;" valign="top">
<asp:Panel runat="server" ID="pnlEDI" style="text-align:center; margin:20px; background-color:#ccccff" GroupingText="EDI:">
<table style="width:100%; height:100%;">
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Contact for Missed Pickup by Carrier:</h2> </div>
<asp:TextBox ID="txtMissedPickupContact" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Plant EDI Documents Required:</h2> </div>
<asp:TextBox ID="txtPlantEDI" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>DI EDI Documents Required:</h2> </div>
<asp:TextBox ID="txtDirectImportEDI" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Import/Direct Import ISF Requirements:</h2> </div>
<asp:TextBox ID="txtISFRequirements" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Import/Direct Import Customer Broker/Notify Party:</h2> </div>
<asp:TextBox ID="txtCustomerBroker" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
<tr align="center">
<td style="width: 25%;">
<div class="TBox" style="width: 90%; height: 100%;">
<div class="header"> <h2>Other Shipping Documents Required:</h2> </div>
<asp:TextBox ID="txtOtherShippingDocuments" runat="server" TextMode="MultiLine" Rows="5" MaxLength="500" Width="93%" CssClass="text" />
</div>
</td>
</tr>
</table>
</asp:Panel>
</td>
</tr>
Style Sheet:
body { text-align:center; }
.lblErrorMessage { font-family: Tahoma; font-size: 9pt; color: red; }
.TBox {
color:#333333;
font-size:11px;
background: url('../../Images/box_bottom_right.gif') no-repeat bottom right;
margin: 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.TBox .header {
margin: 0;
padding: 0;
background: url('../../Images/box_top_right.png') no-repeat top right;
text-align: center;
}
.TBox .header h2 {
color:#ffffff;
background: url('../../Images/box_top_left.png') no-repeat top left;
font-size:14px;
padding-top: 7px;
height:20px;
margin: 0;
}
.TBox .text {
background: url('../../Images/box_bottom_left.gif') no-repeat bottom left;
padding:10px 10px 15px 10px;
margin:0;
height:auto;
text-align:justify;
color:#003399;
line-height:15px;
}
Solução
Tente primeiro limpa a página para cima um pouco, então ele deve ser mais fácil de "depuração":
- Coloque todas o estilo em sua folha de estilo, especialmente os
width-atributos repetidos. - Remova as tags desnecessárias / redundantes, ou seja, o estilo definido com
<div class="header">deve apenas ser definida na tag<h2>
Sei que isso não é a resposta que você está procurando, mas deve defininately ajudá-lo a descobrir o problema. Ou pelo menos fazer o seu código de exemplo mais fácil de ler - para todo mundo. :)
Outras dicas
Ahhh .... Alterar tabelas para DIVs ...
Eu verifiquei o seu código no IE, Chrome, Mozilla. Para mim, isso parece funcionar corretamente. Minha resolução de tela do sistema é 1280 * 800. Melhor U criar um principal div.Make sua width: 100%. Em seguida, crie duas mesas no interior que div.Each de width: 50%. uso Dont muitos largura de attrib.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
