Table Problems in Firefox&IE

Discussion in 'HTML & Website Design' started by miakiru, Oct 19, 2009.

  1. #1
    For some reason... these tables aren't showing up right. I'm not sure what I'm doing wrong. At the 3-columned part, where the first box is 25, the second is 15 and the third is 60, its more like the third is 15 and the second is 15. I really want the middle column to be small, but instead the final column is.

    Please help if you can :p

    <center><table border="2" width=50% celpadding=0 cellspacing=0 celspacing=0 
    
    cellpadding=0>
     
    <tr>
    <td colspan="3"><center><font size=16><b>Miakiru</b></font></center></td>
    </tr>
    
    <tr>
    <td>My address<br>
    Line 1 and 2, Amigawd!</td>
    <td colspan="2"><p align="right">(My) Phone-Number<br>
    andmy@email.address</p></td>
    </tr>
    
    <tr>
    <td colspan="3"><hr></td>
    </tr>
    
    <tr>
    <td colspan="3"><centeR><i>Talented, young professional with skills and 
    
    training in:</i><br>
    <b>DATA ENTRY, SALES, AND CUSTOMER SERVICE</b></center></td>
    </tr>
    
    <tr>
    <td colspan="3"><p align="justify"><b><i>Well-experienced</i></b>, quick 
    
    learner with hands on knowledge of <b><i>quick and accurate</i></b> computer 
    
    data entry, excellent sales history, and <b><i>great people skills</i></b>. 
    
    Regarded by co-workers as a hard-working, fun, and friendly person to work 
    
    with.</p></td>
    </tr>
    
    <tr>
    <td width="25%"><b>Professional Interests</b></td>
    <td width="75%" colspan="2">Data Entry, Customer Service, Product Sales</td>
    </tr>
    
    <tr>
    <td width="25%"><b>Education</b></td>
    <td width="75%" colspan="2">Nigglette<br>
    This is my school information and address<br>
    'Cause I'm MF-ing awesome.<br>
    2003 - 2007</td>
    </tr>
    
    <tr>
    <td width="25%"><b>Computer Skills</b></td>
    <td width="15%">Speed:</td>
    <td width="60%">106 Words Per Minute at 98% Accuracy</td>
    </tr>
    
    <tr>
    <td width="25%"></td>
    <td>Web:</td>
    <td width="60%">HTML, xHTML, CSS, Flash, Photoshop</td>
    </tr>
    
    <tr>
    <td width="25%"></td>
    <td width="15%">Operating<br>Systems:</td>
    <td width="60%">Windows 98/ME/XP/Vista, Mac OS X</td>
    </tr>
    
    <tr>
    <td width="25%"></td>
    <td width="15%">Applications</td>
    <td width="60%">MS Excel, MS Outlook, MS Power Point, MS Word, Adobe 
    
    PageMaker</td>
    </tr>
    
    <tr>
    <td width="25%"><b>Experience</b></td>
    <td width=75%></td>
    </tr>
    
    </table>
    </center>
    Code (markup):
     
    miakiru, Oct 19, 2009 IP
  2. nichoLora

    nichoLora Peon

    Messages:
    67
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try this..
    <center><table border="2" style="border-collapse:collapse;" width="50%" celpadding=0 cellspacing=0 celspacing=0 cellpadding=0>
     
    <tr>
    <td colspan="3"><center><font size=16><b>Miakiru</b></font></center></td>
    </tr>
    
    <tr>
    <td>My address<br>
    Line 1 and 2, Amigawd!</td>
    <td colspan="2"><p align="right">(My) Phone-Number<br>
    andmy@email.address</p></td>
    </tr>
    
    <tr>
    <td colspan="3"><hr></td>
    </tr>
    
    <tr>
    <td colspan="3"><centeR><i>Talented, young professional with skills and 
    
    training in:</i><br>
    <b>DATA ENTRY, SALES, AND CUSTOMER SERVICE</b></center></td>
    </tr>
    
    <tr>
    <td colspan="3"><p align="justify"><b><i>Well-experienced</i></b>, quick 
    
    learner with hands on knowledge of <b><i>quick and accurate</i></b> computer 
    
    data entry, excellent sales history, and <b><i>great people skills</i></b>. 
    
    Regarded by co-workers as a hard-working, fun, and friendly person to work 
    
    with.</p></td>
    </tr>
    
    <tr>
    <td width="20%"><b>Professional Interests</b></td>
    <td width="70%" colspan="2">Data Entry, Customer Service, Product Sales</td>
    </tr>
    
    <tr>
    <td width="20%"><b>Education</b></td>
    <td width="70%" colspan="2">Nigglette<br>
    This is my school information and address<br>
    'Cause I'm MF-ing awesome.<br>
    2003 - 2007</td>
    </tr>
    
    <tr>
    <td width="20%"><b>Computer Skills</b></td>
    <td>
    <table border="2" style="border-collapse:collapse;">
    <tr>
    <td width="15%">Speed:</td>
    <td width="60%">106 Words Per Minute at 98% Accuracy</td>
    </tr>
    
    <tr>
    <td width="15%">Web:</td>
    <td width="60%">HTML, xHTML, CSS, Flash, Photoshop</td>
    </tr>
    
    <tr>
    <td width="15%">Operating<br>Systems:</td>
    <td width="60%">Windows 98/ME/XP/Vista, Mac OS X</td>
    </tr>
    
    <tr>
    <td width="15%">Applications</td>
    <td width="60%">MS Excel, MS Outlook, MS Power Point, MS Word, Adobe 
    
    PageMaker</td>
    </tr>
    </table>
    </td>
    
    <tr>
    <td width="20%"><b>Experience</b></td>
    <td width="75%"></td>
    </tr>
    
    </table>
    </center>
    
    Code (markup):
    Get rid of the double border with style="border-top:none;" etc
     
    nichoLora, Oct 20, 2009 IP