The row should be displayed on 1 line. However, in IE this doesn't work. It seems to be spreading over 2 lines.
html Code:
CODE
<table class="tableBorder">
<tr class="normalTableRow">
<td> Welcome, you are currently not logged in</td>
<td align="right">
<form method="post" action="processing/login.php">
Username: <input type="text" name="name">
Password: <input type="password" name="password">
<input type="submit" name="subLogin" value="Login">
<input type="hidden" name="location" value="<?php echo currentLocation(); ?>">
</form>
</td>
</tr>
</table>
<tr class="normalTableRow">
<td> Welcome, you are currently not logged in</td>
<td align="right">
<form method="post" action="processing/login.php">
Username: <input type="text" name="name">
Password: <input type="password" name="password">
<input type="submit" name="subLogin" value="Login">
<input type="hidden" name="location" value="<?php echo currentLocation(); ?>">
</form>
</td>
</tr>
</table>
Is there anyway i can get a one line row in IE like i get in FF?
Here are the relevant css classes:
css Code:
CODE
1.
.tableBorder {
2.
width: 100%;
3.
border-style: solid;
4.
border-width: 0;
5.
border-color: #BFACBF;
6.
border-collapse: collapse;
7.
border-spacing: 0px;
8.
}
9.
10.
.normalTableRow{
11.
border-style: solid;
12.
border-width: 1px 1px 1px 1px;
13.
border-color: #4D3D4D;
14.
background-color: #BFACBF;
15.
color: #4D3D4D;
16.
vertical-align: top;
17.
}
18.
19.
.normalTableRow td{
20.
border-style: solid;
21.
border-width: 0px;
22.
border-color: #4D3D4D;
23.
}
