help! my table displays perfect in IE and Firefox, but not chrome! Whats the problem here?

Increase Your Vertical Jump

Question by Mash: help! my table displays perfect in IE and Firefox, but not chrome! Whats the problem here?
this is the most basic of all tables. it’s fine in IE and Firefox, but the left image keeps appearing too near the right on Chrome. The images are the same in size. The code is below:

jk help! my table displays perfect in IE and Firefox, but not chrome! Whats the problem here?
lo help! my table displays perfect in IE and Firefox, but not chrome! Whats the problem here?
op help! my table displays perfect in IE and Firefox, but not chrome! Whats the problem here?
qw help! my table displays perfect in IE and Firefox, but not chrome! Whats the problem here?
Increase your self esteem
through increased feelings of self worth.
Feel better about yourself at last.
Listen to the sounds on your computer, or on the go,
as you stop critical negative self talk
and start to think more positively.
Regain the natural levels of confidence which will
allow you to reach for your highest goals.
Don’t settle for anything less
Listen to the sounds and experience total freedom to
do what you want with your self esteem,
at long last. Unleash new confidence!

Can anyone help here? Thanks in advance.

Best answer:

Answer by Pyros
you might want to try specifying a width for you ‘s as your pictures don’t add up to your total table with who knows how chrome is drawing it, don’t let chrome assume anything… ever.

Add your own answer in the comments!

Increase Your Vertical Jump

Tags: , , , , , , , ,

2 Responses to “help! my table displays perfect in IE and Firefox, but not chrome! Whats the problem here?”

  1. Leo D says:

    You’re doing it wrong.

    Tables are for tabular data. (Especially tabular data with a horizontal row-orientation. Vertical column-orientation can even be done with nested lists, and might be more accessible due to the structured nature of the code.)

    Use paragraphs (or divisions where you need multiple paragraphs in one box.) and float them for what you’re doing. Tables should NEVER contain paragraphs (and cells should never contain any block elements) unless you have a really good reason and are at least 101% sure that you need it.

    Try reading up on http://htmldog.com/guides/htmlbeginner/tables/ Following the “Tables” tutorials linked in the Related Pages section of each page.

    Maybe of interesting reading is http://articles.sitepoint.com/article/tables-vs-css

    Some further reading:
    - http://www.alistapart.com/articles/practicalcss/
    - http://www.alistapart.com/articles/journey/
    - http://www.alistapart.com/articles/12lessonsCSSandstandards/
    - http://www.alistapart.com/articles/zebratables/

    Converting from tabular to structural HTML has never been my strong point ^_^; So please give it a try and email me if it isn’t working out.

    I know that there are people that will disagree with me, but stands for “tabular header”, stands for “tabular data”, and they can argue that with the Web Standards themselves, brought to you by the W3C:
    - Info on tables in general: http://www.w3.org/TR/html401/struct/tables.html#h-11.1
    - http://www.w3.org/TR/WCAG10/#gl-structure-presentation
    - http://www.w3.org/TR/WCAG10/#gl-table-markup
    - http://www.w3.org/TR/WCAG10/#tech-linear-tables

  2. Dealz By Design says:

    Adding a width=25% to each of the should fix the problem.

    Increase your self esteem
    through increased feelings of self worth.
    Feel better about yourself at last.
    Listen to the sounds on your computer, or on the go,
    as you stop critical negative self talk
    and start to think more positively.
    Regain the natural levels of confidence which will
    allow you to reach for your highest goals.
    Don’t settle for anything less
    Listen to the sounds and experience total freedom to
    do what you want with your self esteem,
    at long last. Unleash new confidence!

    Thanks

Leave a Reply