kkbenj
asked on
Colgroup in Chrome
I am trying to line up a table, and it displays as expected in Firefox but not in Chrome. All three columns are bumped up against each other.
HTML:
CSS:
HTML:
<div id='JKL'>
<table class="warning">
<tr>
<colgroup>
<col class="col1" />
<col class="col2" />
<col class="col3" />
</colgroup>
<td><img src="../images/arrowdown.gif"></td>
<td>Don't stop here!<br><span class="secondline">Now</span></td>
<td><img src="../images/arrowdown.gif"></td>
</tr>
</table>
</div>
CSS:
#JKL .warning table
{
background: #ffffff;
overflow: hidden;
margin-bottom: 20px;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
height: 30px;
}
#JKL .warning td
{
font-size: 16px;
font-weight:bold;
padding-top: 10px;
margin-left:auto;
margin-right:auto;
text-align: center;
vertical-align: center;
}
#JKL .warning .col1 .col3
{
width: 60px;
}
#JKL .warning .col2
{
width: 90%;
}
#JKL .warning td .secondline
{
font-size: 12px;
padding: 5px;
margin-left: 2px;
vertical-align:top;
height: 30px;
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Perfect. Thank you.
#JKL table.warning