2012-03-06 2 views
0

Je développe un projet struts 2 dans lequel la page de mise en page crée une bordure indésirable par-dessus. J'ai essayé de l'enlever en mettant padding et la frontière comme 0 px. mais ça arrive encore.bordure indésirable à venir pour la page de mise en page du projet struts2

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %> 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title><tiles:insertAttribute name="title" ignore="true" /></title> 




    <%-- Internal style elements --%> 
    <style type="text/css">          
    .basestyle {  /*style which is given for the main DIV which includes entire base layout body */ 

     width: 100%; 
     height: 100%; 
     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
    } 
    .headstyle {  /* style which is given for the DIV which includes header part */ 
     margin:0px; 
     width: 100%; 
     height: 10%; 
     vertical-align: middle; 
     text-align: center; 
     background-color: #476D9E; 
     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 
    } 
    .vericalscroll {  /* style which is given for the DIV which includes vertical menu part */ 
overflow-y:auto;  overflow-x:hidden; 
     height:100%; 
     width:153px; 
     background-color: #476D9E; 
     vertical-align:top; 
     margin-right:1px; 
     padding-right:5px; 
    } 
    .bodystyle {   /* style which is given for the DIV which includes body part */ 
     padding: 0px,0px,0px,0px; 
     border-bottom:0px; 
     border-left:0px; 
     border-right:0px; 
     border-top:1px #DBDFEC; 

     font-family: Calibri; 
     font-weight: lighter; 
     height:565px; 
     overflow-y: auto; 
     overflow-x: auto; 
     width:100%; 
     /*text-align: center;*/ 

    } 
    .footstyle {   /* style which is given for the DIV which includes footer part */ 

     width: 100%; 
     background-color: #476D9E; 
     height: 10px; 
     bgcolor:#eeeeee; 
     vertical-align: middle; 
     text-align: center; 
     padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; 

    } 

     </style> 
    </head> 
     <body >  

     <div class="basestyle" > 

    <div class="headstyle" > 
        <tiles:insertAttribute name="header" /> <%-- including header --%> 
    </div> 

    <table border="0" width=100% height=87% style="margin: 0px; padding: 0px;"> 
     <tr> 

     <td width=153 align="left" valign="top"> 
     <div class="vericalscroll" > 
         <tiles:insertAttribute name="menu" />  <%-- including menu --%> 
      </div> </td> 





     <td valign="top" align="left" width=88% > 
      <div class="bodystyle" align="center" > 
         <tiles:insertAttribute name="body" /> <%-- including body --%> 
      </div> </td> 



       </tr> 
    </table> 
    <div class="footstyle" >     
         <tiles:insertAttribute name="footer" />   <%-- including footer --%> 

    </div> 
    </div> 
    </body> 
    </html> 

fond de couleur rouge est donnée pour identifier la partie du corps enter image description here

+0

pas sûr de carreaux, mais quel thème vous utilisez? –

+0

même sans aucun thème (juste après l'ajout de composants avec le contenu vide lui-même), il montre la frontière. Dans toutes les mises en page que j'ai créées, elle montre des frontières. Même en téléchargement 1 –

Répondre

1

supprimer "border-top: 1px #DBDFEC" de ".bodystyle" et même au lieu de toutes les frontières de votre .bodystyle il suffit d'écrire la frontière :aucun;

bien que je ne pouvais pas voir la bordure dans votre image jointe.

+0

Vous pouvez voir la couleur rouge flottant au-delà de l'en-tête de pied et les deux côtés –

0

Ajoutez cette option dans tile tagtheme="css_xhtml". Ensuite, il sera simplement traité comme une balise HTML en vue.

+0

Où dans celui-ci? { <% @ taglib uri = "http://tiles.apache.org/tags-tiles" préfixe = "mosaïques"%> } –

+0

Non dans l'étiquette qui est responsable de la bordure. Peut être ici ou ici Je n'ai jamais utilisé les tuiles –

+0

mais pour obtenir cette image comment j'ai créé cette page est en supprimant ces attributs d'insertion lignes. Mais là aussi cette frontière était visible. –

Questions connexes