2013-10-03 2 views
2

J'ai une page web asp.net. Il a un fieldset à lui. Je visite cette page en safari sur mon iPad. En mode portrait, c'est correct. Comme dans, je peux voir le fieldset et la fonctionnalité de la page est également correcte. Je incline l'ipad à Landscape et le fieldset disparaît.fieldset n'apparaît pas correctement sur l'ipad en mode paysage

Snapshot of how the page looks in POTRAIT MODE

En mode paysage je remarquai que la fieldset est présente, mais très léger. Voici un lien pour le mode paysage.

Snapshot after moving it into LANDSCAPE mode.

Si vous regardez de près le paysage, il y a une ligne pâle sur "Filtres" et "Panneau d'informations client". Comment puis-je le corriger pour que la page ait le champ défini dans les deux modes?

Le code où je FIELDSET est:

<table style="background-color:#EFEFEF; border-collapse: collapse; border-spacing: 0;width:100%"> 
    <tr> 
     <td style="vertical-align:top; width:510px;"> 
      <fieldset style="border:solid;border-color:brown;" onclick=""> 
       <legend style="text-align: center">FILTERS</legend> 

       <table cellspacing="5" style="text-align: left; table-layout:fixed;" > 
        <tr> 
         ..... 

EDIT: Cela se produit également sur le navigateur Chrome sur iPad.

Si vous avez besoin de plus d'informations, s'il vous plaît faites le moi savoir. Merci

+0

Eh bien, je n'ai pas besoin de plus d'informations en soi, mais je rencontre le même problème. Sur mon iPad, les fieldsets parfaitement stylés n'apparaissent que dans Safari en mode portrait, pas en mode paysage. Ce problème est apparu il y a quelques heures seulement après l'installation de iOS7. :-(Le fait de voir cette page (http://www.w3schools.com/tags/tag_fieldset.asp) montre aussi le problème: –

+0

@ChrisValdivia J'ai essayé de travailler avec une page vierge et un ensemble de champs, mais cela n'a pas fonctionné. – RookieAppler

Répondre

1

Peut-être votre problème peut être résolu en définissant une fenêtre:

<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0"> 
+0

Merveilleux - cela a fait apparaître la bordure du frameset dans les deux modes! Malheureusement, cela empêche les choses de se redimensionner correctement lors du changement d'orientation . –

2

ici la solution pour la balise fieldset:

<meta name="viewport" content="maximum-scale=1.0, user-scalable=no"/>

si vous ajoutez d'autres biens (par exemple width = Device- width, initial-scale = 1.0) dans l'attribut de contenu, il ne fonctionnera pas correctement ..