homepage Welcome to WebmasterWorld Guest from 54.166.159.110
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Help! my table displays perfect in IE and Firefox, but not Chrome.
kads

5+ Year Member



 
Msg#: 4167234 posted 3:44 pm on Jul 9, 2010 (gmt 0)

I don't get what the problem is here. This is the most basic of all tables. It's fine in IE and Firefox, but the furthest left image keeps appearing too near the one on its right in Chrome. The images are the same in size and cell padding is fixed. The code is below:

<table width="928" border="0" cellpadding="15">
<tr>
<td><div align="center"><img src="../jk.jpg" width="168" height="98"></div></td>
<td><div align="center"><img src="../lo.jpg" width="168" height="98"></div></td>
<td><div align="center"><img src="../op.jpg" width="168" height="98"></div></td>
<td><div align="center"><img src="../qw.jpg" width="168" height="98"></div></td>
</tr>
<tr>
<td><div align="center" class="main-text">Increase your self esteem <br>
through increased feelings of self worth.
Feel better about yourself at last.
</div></td>
<td><div align="center" class="main-text">Listen to the sounds on your computer, or on the go,
as you stop critical negative self talk
and start to think more positively.</div></td>
<td><div align="center" class="main-text">Regain the natural levels of confidence which will
allow you to reach for your highest goals.
Don't settle for anything less</div></td>
<td><div align="center" class="main-text">Listen to the sounds and experience total freedom to
do what you want with your self esteem,
at long last. Unleash new confidence!</div></td>
</tr>
</table>

Can anyone help here or offer any suggestions? Please note that Im an amateur web developer.

Thanks in advance.

Kads

 

londrum

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4167234 posted 4:06 pm on Jul 9, 2010 (gmt 0)

4x168, plus the 2x15 padding on each side of the image in each cell adds up to 792, and the table width is set at 928.

i havent tried it, but is chrome maybe stretching one of the cells to take up the remaining space?

try colouring each cell a different colour to check that they are the same size. eg
<td style="background:red !important">
Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved