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">
</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;
}
Our community of experts have been thoroughly vetted for their expertise and industry experience.
The Most Valuable Expert award recognizes technology experts who passionately share their knowledge with the community, demonstrate the core values of this platform, and go the extra mile in all aspects of their contributions. This award is based off of nominations by EE users and experts. Multiple MVEs may be awarded each year.