troubleshooting Question

fix css

Avatar of zachvaldez
zachvaldezFlag for United States of America asked on
CSSHTML
9 Comments1 Solution347 ViewsLast Modified:
I need to fix this css. I'm having issues creating large area for comments,etc,
Id like to line up it properly with the rest of the pages.


<div class="row">
                <div class="column w-70-percent">
                    Supp Review Req Date
                </div>
                <div class="column w-20-percent">
                    <asp:TextBox ID="TextBox23" runat="server"  Width="96px"></asp:TextBox>
                </div>
                <div class="column w-30-percent">
                </div>
                <div class="column w-30-percent">
                    &nbsp;
                </div>
                <%-- <div class="clear-row">
                </div>--%>
            </div>

            <div class="row">
                <div class="column w-70-percent">
                    Suppl Review Date:
                </div>
                <div class="column w-20-percent">
                    <asp:TextBox ID="TextBox24" runat="server"  Width="94px"></asp:TextBox>
                </div>
                <div class="column w-30-percent">
                    <asp:CheckBox ID="CheckBox9" runat="server" Text="Supp Review Approv" />
                </div>
                <div class="column w-30-percent">
                </div>
                <%--<div class="clear-row">
                </div>--%>
            </div>
            <div class="row_comment" align="center">
                <div class="w-wider" align="center">
                    Supp Review Recommendation:
                </div>
                <div class="largediv">
                    <asp:TextBox ID="TextBox25" runat="server" Width="488px" Height="50px" TextMode="MultiLine" ></asp:TextBox>
                </div>
 
                <div class="column w-30-percent">
                </div>--%>
                <%--<div class="clear-row">
                </div>--%>
            </div>

            <div class="row">
                <div class="column w-70-percent">
                    Comments:<br />
                </div>
                <div class="column w-20-percent">
                    <asp:TextBox ID="TextBox26" runat="server"></asp:TextBox>
                </div>
                <div class="column w-30-percent">
                </div>
                <div class="column w-30-percent">
                </div>
                <%-- <div class="clear-row">
                </div>--%>
            </div>




div.rows div.row {
            clear:both;    
            /*border-bottom: 1px dashed black;*/
            width: 100%;
        /*height: 51px;*/
    height: 37px;
    font-family:'Times New Roman';
    font-size:smaller;
}

      div.rows div.column {
            float: left;
         height: 30px;
         
}

      div.rows div.clear-row {
            line-height: 0px;
            font-size: 0px;
            clear:both;
      }            

      .w-70-percent {
            width: 27%;
     border: 1px solid black;
     white-space:nowrap;
           }
      .w-30-percent {
            width: 24%;
       border: 1px solid black;
      }                  
    .w-20-percent {
            width: 14%;
              border: 1px solid black;
       text-align:left;
           float:left;
}      


    .w-comments {
            width: 58%;
             border: 1px solid black;
      }
.w-wider
{
    width: 28%;
    border: 1px solid black;
    white-space: nowrap;
    float:left;
}
    .w-comments_title {
            width: 27%;
     border: 1px solid black;
     height:56px;
      }



      #container {
            /*margin: 20px;*/
            width:846px;
            border: 2px solid black;
      }
      
     .clear-row
        {
            width: 482px;
        }

.row
{
    width: 900px;
}
.row_comment
{
    width: 91%;
     height:72px;
          font-size:small;
      text-align:right;
}
input[type="text"]
{
    outline: none;
    font-size:small;
    font-family:'Times New Roman';
     text-anchor:end;
     color: #00008B;
    background-color: #FCFFF0;
   border: 1px inset #000;
    margin-left: 10px;
}
.largediv
{
   
     height: 68px;
     border: 1px solid black;
    margin-left: 11px;
}
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 9 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 9 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros