I am devoloping a struts 2 project in which layout page is creating an

Question

0

Asked: May 31, 20262026-05-31T01:14:36+00:00 2026-05-31T01:14:36+00:00

I am devoloping a struts 2 project in which layout page is creating an

0

I am devoloping a struts 2 project in which layout page is creating an unwanted border over it. I tried to remove it by putting padding and border as 0 px. but still it is coming.

 <%@ 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>

Red color background is given for identifying body part
enter image description here