Welcome to WebmasterWorld Guest from 54.147.44.93

Forum Moderators: incrediBILL

Message Too Old, No Replies

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

     

kads

3:44 pm on Jul 9, 2010 (gmt 0)

5+ Year Member



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

4:06 pm on Jul 9, 2010 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



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">
 

Featured Threads

Hot Threads This Week

Hot Threads This Month