Forum:

HTML Pages with CSS and JavaScript

Table Allignment problem in IE 6.0

Ranch Hand

Posts: 54

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi All,

I have a webpage whose top two rows of table are displayed as a Heading and in third row left side i have the navigation menu right side i have the content of the page, for displaying the content i have used table's with width=100% in third row there alignments are not proper in IE 6.0 i have tried a lot and not able to fix this issue, can someone help me out in this ?

Attaching the Code as well.

.menulines a{
text-decoration:none;
color:black;
}
</style>

</HEAD>

</tr>
	<tr>
		<td  >

<table border="0"  >
<tr>
  <td   >
   <b><FONT color=#800000><EM>Test Pilot </EM></FONT></b>
  </td>
</tr>
</table>
<table border="1"    class="menulines">
        
	<tr>
		<td     >
			<p ><A target="_self" ><font color="#000000"><b>Dobrodošli	</b></font></a></p>
		</td>
	</tr>
    
	<tr>
		<td    >
			<p ><a target="_self"  rel="nofollow"><font color="#000000"><b>Sastavi	</b></font></a></p>
		</td>
	</tr>
	
	<tr>
		<td     >
			<p ><A target="_self" ><SPAN TITLE="Mailbox"><font color="#000000"><b>Lokalni poštanski pretinac	</b></font></SPAN></A></p>
		</td>
	</tr>
	
	<tr>
		<td     >
			<p ><A target="_self" ><SPAN TITLE="Mailbox"><font color="#000000"><b>VoiceFax	</b></font></SPAN></A></p>
		</td>
	</tr>
	
	<tr>
		<td    >
			<p ><A target="_self" ><font color="#000000"><b>Mape	</b></font></A></p>
		</td>
	</tr>

<tr>
		<td    >
			<p ><A target="_self" ><SPAN TITLE="contacts"><font color="#000000"><b>Kontakti	</b></font></SPAN></A></p>
		</td>
	</tr>
       
	<tr>
		<td     >
			<p ><A target="_self" ><font color="#000000"><b>Opcije	</b></font></A></p>
		</td>
		</tr>
    
    <tr>
		<td     >
			<p ><A target="_top" ><font color="#000000"><b>Preuzimanja	</b></font></A>
            </p>
		</td>
	</tr>

<tr>
		<td     >
			<p ><A target="_top" ><font color="#000000"><b>Odjava	</b></font></A></p>
		</td>
	</tr>

</table>
<table border="0"   >
	<tr ><td> </td></tr>
	<tr>
		<td   >
		<p ><font color="#0000FF" size="2">
				
		Oslobodi:	xxxxxxxxx
		
		</font></p>
		</td>
	</tr>
</table>

</td>
		<td  >
		 
	
		<form method="post" name="mailForm" action="/webmail/servlet/MailServlet">

<p ><font color="#ce9a31" face="Verdana, Arial, Helvetica, sans-serif" size="4">Sjedinjeno poručivanje	</font></p>
		
		< TABLE border=0 cellPadding=3 cellSpacing=0 width="100%"    >
			<tr>
				<td><P><FONT face="verdana,tahoma,helvetica" size=-1 color="Blue"><B>Poštanski pretinac		: Lokalni poštanski pretinac	<br></B></FONT></td>
				<tr>
					<tr >
            <td noWrap >
                <FONT face="verdana,tahoma,helvetica" size=-1 color="blue"><B>
                <a >
                    Pretinac ulazne pošte	
                </a> :
                
                
                </B></FONT>
            </td>
					</tr>
					<tr >
						<td noWrap ><FONT face=Arial,Helvetica size=-1>
						<INPUT name=DEL type=button value=Izbriši	 onclick="deleteMail('2')">
						 
						  							
						<INPUT name=REP type=button  value=Odgovori	 onclick="replyMail('2')">   
						<INPUT name=REPA type=button  value="Odgovori svima	" onclick="replyAllMail('2')">   
						<INPUT name=FWD type=button  value=Proslijedi	 onclick="forwardMail('2')">

<INPUT name=Print type=button value="Ispiši na faks" onclick="printFax('2')">
			            	  
			             
						 
					<INPUT name='headerstate' type=button value='Prikaži zaglavlje' onclick="showHeader()">   
					 
		
			
                </FONT>
            </td>
					</tr>
		</table>

< TABLE border=0 cellPadding=3 cellSpacing=0 width="100%"      >
			<tr >
				<td  noWrap  ><B>Pošiljatelj	:</B></td>
				<td>mwn@ipvoicemail.net 
				
				<FONT face=arial size=-1>  | 
				<A ><B>Dodaj u adrese	</B></A>
				    
                        </A>
                        
                        </A>
                        </FONT>
                    </td>
			</tr>
			<tr >
				<td  noWrap  ><B>Primatelj	:</B></td>
				<td>TestPilot01@abhi.com</td>
			</tr>
			<tr >
				<td  noWrap  ><B>Cc	:</B></td>
				<td> </td>
			</tr>
			<tr >
				<td  noWrap  ><B>Naslov	:</B></td>
				<td>Mereon - Voice Message Received</td>
			</tr>
			<tr >
				<td  noWrap  ><B>Datum	:</B></td>
				<td>04/11/2011 04:05 PM India Standard Time</td>
			</tr>

</table>

<table border=0   >
        <tr><td ><pre>You recently received a Voice Message in your Mereon mailbox

Date/Time of Call: Tuesday, April 12, 2011 01:53PM IST 
Calling Number: 8889999
From: Test Pilot02
Message Length: 00:08 seconds 
Message Priority: Normal

You may visit http://ipunity.com to access this message.

Please note: Deleting this email message does not delete the 
message from your Mereon mailbox.<br></pre></td></tr>
		</table>

<INPUT TYPE="hidden" name="mailboxsize">
<INPUT TYPE="hidden" name="mailBoxUsage">
<INPUT TYPE="hidden" name="DeleteBigAttachMentMail">
<INPUT TYPE="hidden" name="MailUID">
    </form>
    
<br><br>

<A >Politika privatnosti	</A> -

<A >Uvjeti usluge	</A> -

<A >Smjernice	</A>

<I><FONT size=1>Autorsko pravo 2005. Sva prava pridržana.	</FONT></I>

<A >Mereon	</A>

</FONT>
</P>

</td></tr> </table>

</BODY>
</html>

Eric Pascarello

author

Posts: 15385

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Send this to whoever is making you code for IE6 http://ie6countdown.com/

Why tables are bad for layout: http://www.hotdesign.com/seybold/

Problems:

You are not using a doc type http://www.w3.org/QA/2002/04/valid-dtd-list.html

Cursor hand is not correct, it is pointer http://radio.javaranch.com/pascarello/2005/02/24/1109276338948.html

You are using font tags which are deprecated http://www.htmlquick.com/reference/deprecated.html

Use http://jsbin.com/ to post this code so it can be runnable. Most of the attributes lost their values since you did no use code tags to start.

Eric

sakthi moorthy

Ranch Hand

Posts: 54

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hello Eric,

Thanks for the reply, i have tried with the all doc types mentioned in the site and changed the cursor too, no luck. i have posted the code in jsbin http://jsbin.com/aheke6/edit Please check this, the table allignment is not proper in IE only, i have no idea how to fix that

This parrot is no more. It has ceased to be. Now it's a tiny ad:

Low Tech Laboratory

https://www.kickstarter.com/projects/paulwheaton/low-tech-0