Trouble with IE 5.0

[calista]

I'm having a browser problem. My site is formated mostly with nested tables. The basic page has a header, a footer, a sidebar for the menu, and space in the middle for the content. In IE 5.0, on a few of the pages, one or more of the tables in the middle are truncated and right justified. If you hit the "Back" button, and then the "Forward" button, it displays just fine. How do I get it to display correctly the first time? It does it consistantly on the pages where it happens, but those pages do not appear to have anything in common.

It does not do this in IE 5.5.

Any ideas, suggestions, wild guesses welcome! Calista :-X
Jedi Knight,
Champion of the Force

 

[fxcolin]

Do you have the latest fixes and/or service packs?? You can download them free from microsoft.com
Also are you using a database and scripting? Sometimes if your cells/tables are empty, the browser will mess around with them. I think this problem is more common in Netscape. It happened to me. If it is, just fill the space with a spacer/transparent gif.

http://www.chefmedia.ca

 

[BobbaFet]

or just put 2 spaces (the character space) in the cell.
you can only see it if your looking for it.

i hope this helps, BobbaFet

Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com

http://cwcon.50megs.com/

&quot;<beer brand> is like making love in a cano...
it's <f-word + ing> close to water !!!&quot;
- Monty Python's Flying Circus, 1969/70

 

[calista]

Yes, I'm using a database, and some JavaScript. I checked on what you guys said about blank fields, but none of the fields are blank. I AM using COLSPAN and ROWSPAN quite a bit. Here is one of the tables that is giving me trouble:

<TABLE ALIGN=&quot;center&quot; CLASS=&quot;Toolbar&quot; WIDTH=&quot;650&quot; CELLSPACING=&quot;2&quot; CELLPADDING=&quot;2&quot; BORDER=&quot;1&quot; BORDERCOLOR=&quot;#Application.DarkColor#&quot; STYLE=&quot;table-layout=fixed&quot;>
<TR>
<TD ROWSPAN=&quot;3&quot; COLSPAN=&quot;2&quot; ALIGN=&quot;center&quot; WIDTH=&quot;180&quot;><SPAN CLASS=&quot;BigBlack&quot;>Day/Date</SPAN></TD>
<TD ROWSPAN=&quot;3&quot; ALIGN=&quot;center&quot; WIDTH=&quot;200&quot;><SPAN CLASS=&quot;BigBlack&quot;>Product/ Misc. Code</SPAN></TD>
<TD ROWSPAN=&quot;3&quot; ALIGN=&quot;center&quot; WIDTH=&quot;20&quot;><SPAN CLASS=&quot;BigBlack&quot;>*</SPAN></TD>
<TD ROWSPAN=&quot;3&quot;><SPAN CLASS=&quot;BigBlack&quot;>1=R&D 2=Support 3=Exempt Excess 4=Training</SPAN></TD>
<TD COLSPAN=&quot;3&quot; ALIGN=&quot;center&quot;><SPAN CLASS=&quot;BigBlack&quot;>Hours</SPAN></TD>
</TR>
<TR>
<TD ROWSPAN=&quot;2&quot; ALIGN=&quot;center&quot;><SPAN CLASS=&quot;BigBlack&quot;>Regular</SPAN></TD>
<TD COLSPAN=&quot;2&quot; ALIGN=&quot;center&quot;><SPAN CLASS=&quot;BigBlack&quot;>Non-Exempt Only</SPAN></TD>
</TR>
<TR>
<TD ALIGN=&quot;center&quot;><SPAN CLASS=&quot;BigBlack&quot;>OT</SPAN></TD>
<TD ALIGN=&quot;center&quot;><SPAN CLASS=&quot;BigBlack&quot;>Double O.T.</SPAN></TD>
</TR>
</TABLE>

The cells I show in red are displayed correctly, but they are right justified. The rest of the table disappears. It is not just offset, it is not there. As I mentioned before, if you hit &quot;Back&quot;, and then &quot;Forward&quot;, the whole thing displays correcly. Or, once the browser has cached the page, it displays correctly. Calista :-X
Jedi Knight,
Champion of the Force

 

[fxcolin]

Hi Calista, I think the problem is not enough <td> tags in the bottom two rows. Including colspan the first row you have 8 cells, the second you have 3 and the third you have 2
They should all be the same or else the cells will get pushed around. There are several options for you.
Why not use nested tables 1 outer one to holld everything with 2 cells and 1 row In each cell have another table. Have a look at this code and paste onto your text editor:


<table width=&quot;650&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;>
<tr>
<td width=&quot;509&quot;>
<table width=&quot;100%&quot; border=&quot;1&quot; cellspacing=&quot;2&quot; cellpadding=&quot;2&quot; align=&quot;center&quot; height=&quot;140&quot;>
<tr>
<td width=&quot;88&quot;><span class=&quot;BigBlack&quot;>Day/Date</span></td>
<td width=&quot;132&quot;><span class=&quot;BigBlack&quot;>Product/ Misc. Code</span></td>
<td width=&quot;185&quot;><span class=&quot;BigBlack&quot;>*</span></td>
<td width=&quot;71&quot;><span class=&quot;BigBlack&quot;>1=R&D 2=Support 3=Exempt Excess
4=Training</span></td>
</tr>
</table>
</td>
<td width=&quot;141&quot;>
<table width=&quot;100%&quot; border=&quot;1&quot; cellspacing=&quot;2&quot; cellpadding=&quot;2&quot; align=&quot;center&quot;>
<tr>
<td colspan=&quot;3&quot;><span class=&quot;BigBlack&quot;>Hours</span></td>
</tr>
<tr>
<td rowspan=&quot;2&quot;><span class=&quot;BigBlack&quot;>Regular</span></td>
<td colspan=&quot;2&quot;><span class=&quot;BigBlack&quot;>Non-Exempt Only</span></td>
</tr>
<tr>
<td><span class=&quot;BigBlack&quot;>OT</span></td>
<td><span class=&quot;BigBlack&quot;>Double O.T.</span></td>
</tr>
</table>
</td>
</tr>
</table>

Of course you can change the width of the TD tags to your liking. Also the inner tables should be set to 100% and the cells holding them should whatever pixels you want.

Hope this helps

http://www.chefmedia.ca