Hi all,
My pages look right in FF, O, NN and IE6, but not IE7. On the page
postage-div.php two tables are moved too far to the right, and on the page
verification-div.php a td does not right-align as it should. You can go
straight to http://www.jester-records.com/postage-div.php to view the first
problem, but in order to view the second problem, you will have to go to
http://www.jester-records.com/shop-div.php, put something in th shopping
cart, click "proceed" a few times and enter some information before the
problem shows.
Below is the code for the second problem. The text inside the "v_price" td
refuses to right-align.
<table class="cart">
<tr>
<td class="item">Album title</td>
<td class="v_format">CD</td>
<td class="v_price">10 EUR</td>
</tr>
<tr><td colspan="3"> </td></tr>
<tr>
<td class="l" colspan="2">Sub total</td>
<td class="r">10 EUR</td>
</tr>
<tr>
<td class="l" colspan="2">Postage</td>
<td class="r">2 EUR</td>
</tr>
<tr><td colspan="3"> </td></tr>
<tr>
<td class="l b" colspan="2">Total</td>
<td class="r b">12 EUR</td>
</tr>
</table>
Css:
table.cart {
margin-left: auto;
margin-right: auto;
border: 0;
}
td.item {
text-align: left;
vertical-align: top;
width: 350px;
}
td.v_format {
text-align: center;
vertical-align: top;
width: 70px;
}
td.v_price {
text-align: right;
vertical-align: top;
width: 30px;
border: 1px solid red;
}
.l { text-align: left; }
.r { text-align: right; }
.b { font-weight: bold; }
And the code for the first problem:
<table class="postage">
<tr>
<td class="l">Sub total</td>
<td class="r">10 EUR</td>
</tr>
<tr>
<td class="l">Postage</td>
<td class="r">2 EUR</td>
</tr>
<tr>
<td class="l b">Total</td>
<td class="r b">12 EUR</td>
</tr>
</table>
<br />
<table class="postage">
<tr>
<td class="l">Name:</td>
<td class="l">Bob Uno</td>
</tr>
<tr>
<td class="l p_address">Address:</td>
<td class="l">1347 Rykkinn</td>
</tr>
<tr>
<td class="l">Country:</td>
<td class="l">Norway</td>
</tr>
<tr>
<td class="l">E-mail:</td>
<td class="l">[EMAIL PROTECTED]</td>
</tr>
<tr>
<td class="l">Newsletter:</td>
<td class="l">Yes</td>
</tr>
</table>
Css:
table.postage {
margin-left: 397px;
border: 0;
}
td.p_address { vertical-align: top; }
Verification-div.php validates, but when I try to validate postage-div.php,
the validator tells me that it does not find a doctype. This is strange
because the doctype for both pages lies in head.html, which is included with
the statement <?php include("head.html"); ?> in both pages.
Thanks a lot for help.
Erik
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
