Permabanned
- Joined
- 25 Oct 2004
- Posts
- 9,078
Currently in the process of creating templates for a soon to be released auction site in my local area (run by volunteers for charities), the issue im having is that while the page displays perfectly fine in Firefox and Opera, in IE certain elements are messed up.
The most noticable is search bar and time/date display, which is built using multiple tables and cells, the primary culprit is the time/date display in FF/Opera it displays perfectly fine, spanning the whole width of the cell and only using one line for the text, in IE the same time/date doesnt fill the whole cell and uses multiple lines for the time and date.
No matter what I do I just cant seem to resolve it, I also find that IE refuses to use the correct fonts that I have specified in the css stylesheet.
Any help would be much appreciated and if anyone would like to see the code for this section here it is.
Please try not to laugh too much at my coding, I havent done this sort of thing since college over a decade ago
The most noticable is search bar and time/date display, which is built using multiple tables and cells, the primary culprit is the time/date display in FF/Opera it displays perfectly fine, spanning the whole width of the cell and only using one line for the text, in IE the same time/date doesnt fill the whole cell and uses multiple lines for the time and date.
No matter what I do I just cant seem to resolve it, I also find that IE refuses to use the correct fonts that I have specified in the css stylesheet.
Any help would be much appreciated and if anyone would like to see the code for this section here it is.
Code:
<table border="0" cellpadding="5" cellspacing="0" class="bgblue" width="100%">
<tbody>
<tr>
<td>
<form action="index.php?a=19" method="post" style="margin: 0px">
<table border="0" cellpadding="3" cellspacing="1" width="100%">
<tbody>
<tr>
<td class="box_head_1_dyn" style="padding-right: 2px; padding-left: 3px; vertical-align: middle; white-space: nowrap; height: 100%">Enter Keyword(s):</td>
<td style="white-space: nowrap; padding: 2px">(!MODULE_SEARCH_BOX_1!)</td>
</tr>
</tbody>
</table>
</form>
</td>
<td><a href="index.php?a=19"><img alt="Advanced Search" height="17" src="images/advsearch.gif" width="110" /></a> </td>
<td width="100%"> </td>
</tr>
</tbody>
</table>
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="box_submenu_head_left" width="17"> </td>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="bgwhite">Go To: [ <a href="register.php">Register</a> ] [ <a href="index.php?a=10">Sign In</a> ] </td>
<td align="right" class="bgwhite">Welcome: (!DISPLAY_USERNAME!) </td>
</tr>
</tbody>
</table>
</td>
<td class="box_submenu_head_rightc" width="30"> </td>
<td class="box_head_1_dyn" width="250">
<script language="javascript" src="liveclock.js">
</script><br />
</td>
<td class="bgblue" width="18"> </td>
</tr>
</tbody>
</table>
</div>
<div>
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bgwhite"> </td>
<td class="box_submenu_head_right" width="18"> </td>
</tr>
</tbody>
</table>
</div>Please try not to laugh too much at my coding, I havent done this sort of thing since college over a decade ago
