Not just different browsers that sites need testing in?

Discussion in 'HTML' started by Tim W, Jul 31, 2012.

  1. Tim W

    Tim W Guest

    I am finding that using the same browser on different machines can give
    me different results. Is this normal?

    For instance I made a site here: www.biodanzasouthwest.co.uk which seems
    fine in firefox with three randomly selected images across the header.
    When I look at it in firefox on my old laptop the three images don't fit
    on one line so one of them appears out of place below making a bit of a
    muddle.

    I don't know why this should be so but I guess I should find a more
    robust way of laying out the images, or just reduce their widths by a
    pixel or two. Is it normal to have to test a site on different machines
    to check it displays correctly?

    Tim W
     
    Tim W, Jul 31, 2012
    #1
    1. Advertising

  2. Tim W wrote:

    > I am finding that using the same browser on different machines can give
    > me different results. Is this normal?
    >
    > For instance I made a site here: www.biodanzasouthwest.co.uk which seems
    > fine in firefox with three randomly selected images across the header.
    > When I look at it in firefox on my old laptop the three images don't fit
    > on one line so one of them appears out of place below making a bit of a
    > muddle.
    >
    > I don't know why this should be so but I guess I should find a more
    > robust way of laying out the images, or just reduce their widths by a
    > pixel or two. Is it normal to have to test a site on different machines
    > to check it displays correctly?


    If I were you, I would start by correcting all the errors in the HTML and
    the CSS.

    <http://validator.w3.org/check?verbose=1&uri=http:/%
    2Fwww.biodanzasouthwest.co.uk%2F>

    <http://jigsaw.w3.org/css-validator/validator?
    profile=css21&warning=0&uri=http%3A%2F%2Fwww.biodanzasouthwest.co.uk%2F>

    Then see if you still have these same problems.

    --
    -bts
    -This space for rent, but the price is high
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #2
    1. Advertising

  3. Beauregard T. Shagnasty wrote:
    > Tim W wrote:
    >
    >> I am finding that using the same browser on different machines can give
    >> me different results. Is this normal?




    >>
    >> For instance I made a site here: www.biodanzasouthwest.co.uk which seems
    >> fine in firefox with three randomly selected images across the header.
    >> When I look at it in firefox on my old laptop the three images don't fit
    >> on one line so one of them appears out of place below making a bit of a
    >> muddle.


    Yes. Different machines may have different default settings and
    different assets available like fonts. Site is a bit fragile, bump the
    test size a bit and see what happens...

    >>
    >> I don't know why this should be so but I guess I should find a more
    >> robust way of laying out the images, or just reduce their widths by a
    >> pixel or two. Is it normal to have to test a site on different machines
    >> to check it displays correctly?

    >
    > If I were you, I would start by correcting all the errors in the HTML and
    > the CSS.
    >
    > <http://validator.w3.org/check?verbose=1&uri=http:/%
    > 2Fwww.biodanzasouthwest.co.uk%2F>
    >
    > <http://jigsaw.w3.org/css-validator/validator?
    > profile=css21&warning=0&uri=http%3A%2F%2Fwww.biodanzasouthwest.co.uk%2F>
    >
    > Then see if you still have these same problems.
    >


    A peek at the source may offer a clue:

    <!--[if gte mso 9]><xml>
    <o:OfficeDocumentSettings>
    <o:RelyOnVML/>
    <o:AllowPNG/>
    </o:OfficeDocumentSettings>
    </xml><![endif]--><!--[if gte mso 9]><xml>
    <w:WordDocument>
    <w:View>Normal</w:View>
    <w:Zoom>0</w:Zoom>
    <w:TrackMoves/>

    ....

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Aug 1, 2012
    #3
  4. Jonathan N. Little wrote:

    > A peek at the source may offer a clue:


    I saw that... but decided to be polite. :)

    --
    -bts
    -This space for rent, but the price is high
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #4
  5. Tim W

    Tim W Guest

    On 01/08/2012 00:29, Beauregard T. Shagnasty wrote:
    > Tim W wrote:
    >
    >> I am finding that using the same browser on different machines can give
    >> me different results. Is this normal?
    >>
    >> For instance I made a site here: www.biodanzasouthwest.co.uk which seems
    >> fine in firefox with three randomly selected images across the header.
    >> When I look at it in firefox on my old laptop the three images don't fit
    >> on one line so one of them appears out of place below making a bit of a
    >> muddle.
    >>
    >> I don't know why this should be so but I guess I should find a more
    >> robust way of laying out the images, or just reduce their widths by a
    >> pixel or two. Is it normal to have to test a site on different machines
    >> to check it displays correctly?

    >
    > If I were you, I would start by correcting all the errors in the HTML and
    > the CSS.
    >
    > <http://validator.w3.org/check?verbose=1&uri=http:/%
    > 2Fwww.biodanzasouthwest.co.uk%2F>
    >
    > <http://jigsaw.w3.org/css-validator/validator?
    > profile=css21&warning=0&uri=http%3A%2F%2Fwww.biodanzasouthwest.co.uk%2F>
    >
    > Then see if you still have these same problems.
    >


    Yes, I am sure it is good advice to use a validator but in this case it
    reveals a couple of typos which need correcting and a few obsolete
    'align' attributes in the content blocks. Nothing to do with my question.
     
    Tim W, Aug 1, 2012
    #5
  6. Tim W

    Tim W Guest

    On 01/08/2012 03:01, Beauregard T. Shagnasty wrote:
    > Jonathan N. Little wrote:
    >
    >> A peek at the source may offer a clue:

    >
    > I saw that... but decided to be polite. :)
    >


    This is usenet Shaggy. Politeness is not required.

    You can snigger all you like but I don't think that Word stuff is of any
    relevance. The dancer lady I made the site for just loves to copy and
    paste from MSWord into the tinyMCE editor panel in the CMS back end and
    beyond advising her not to or only to paste plain text I have resolved
    not to worry about it. I don't see how it could effect anything outside
    of the block of text.

    Tim w
     
    Tim W, Aug 1, 2012
    #6
  7. Tim W wrote:

    > Beauregard T. Shagnasty wrote:
    >> <http://validator.w3.org/check?verbose=1&uri=http:/%
    >> 2Fwww.biodanzasouthwest.co.uk%2F>
    >>
    >> <http://jigsaw.w3.org/css-validator/validator?
    >> profile=css21&warning=0&uri=http%3A%2F%2Fwww.biodanzasouthwest.co.uk%2F>
    >>
    >> Then see if you still have these same problems.

    >
    > Yes, I am sure it is good advice to use a validator but in this case it
    > reveals a couple of typos which need correcting and a few obsolete
    > 'align' attributes in the content blocks. Nothing to do with my
    > question.


    Well, there are a few there that could be significant.

    This </h32> for example:
    Line 390, Column 58: Stray end tag h32.
    <h3><q>Biodanza is the poetry of human encounter</q></h32>

    Line 391, Column 3: Element p not allowed as child of element h3 in this
    context. (Suppressing further errors from this subtree.)

    CSS: color:##365F91; ..negates stuff after

    #wrapper {width:925px; ..removing narrow width solves problem; why not
    use percentages?

    Reducing Random Image widths to 300px solves problem

    You never know for sure what an error will do (to all or a particular
    browser).

    --
    -bts
    -This space for rent, but the price is high
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #7
  8. Beauregard T. Shagnasty wrote:
    > Tim W wrote:
    >
    >> Beauregard T. Shagnasty wrote:
    >>> <http://validator.w3.org/check?verbose=1&uri=http:/%
    >>> 2Fwww.biodanzasouthwest.co.uk%2F>
    >>>
    >>> <http://jigsaw.w3.org/css-validator/validator?
    >>> profile=css21&warning=0&uri=http%3A%2F%2Fwww.biodanzasouthwest.co.uk%2F>
    >>>
    >>> Then see if you still have these same problems.

    >>
    >> Yes, I am sure it is good advice to use a validator but in this case it
    >> reveals a couple of typos which need correcting and a few obsolete
    >> 'align' attributes in the content blocks. Nothing to do with my
    >> question.

    >
    > Well, there are a few there that could be significant.
    >
    > This </h32> for example:
    > Line 390, Column 58: Stray end tag h32.
    > <h3><q>Biodanza is the poetry of human encounter</q></h32>
    >
    > Line 391, Column 3: Element p not allowed as child of element h3 in this
    > context. (Suppressing further errors from this subtree.)
    >
    > CSS: color:##365F91; ..negates stuff after
    >
    > #wrapper {width:925px; ..removing narrow width solves problem; why not
    > use percentages?
    >
    > Reducing Random Image widths to 300px solves problem
    >
    > You never know for sure what an error will do (to all or a particular
    > browser).
    >


    font-sizes in px and containers in px...as I said; what happens when
    user defaults do not match designer defaults?

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Aug 1, 2012
    #8
  9. Jonathan N. Little wrote:

    > font-sizes in px and containers in px...as I said; what happens when
    > user defaults do not match designer defaults?


    A pixel-perfect design is ... not!

    With Tim W.'s page, one simple uptick (Ctrl-Plus) of my default font size
    breaks his layout badly.

    --
    -bts
    -This space for rent, but the price is high
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #9
  10. Beauregard T. Shagnasty wrote:
    > Jonathan N. Little wrote:
    >
    >> font-sizes in px and containers in px...as I said; what happens when
    >> user defaults do not match designer defaults?

    >
    > A pixel-perfect design is ... not!
    >
    > With Tim W.'s page, one simple uptick (Ctrl-Plus) of my default font size
    > breaks his layout badly.
    >


    Give that man a cigar! So I am not surprised that the three images
    across break on some systems. OP may not want to hear this, but to fix
    your problem may not be "fixed" with a simple tweak, but rather require
    a reassessment to the design as a whole.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Aug 1, 2012
    #10
  11. On 2012-08-01 10:17:11 +0200, Tim W <> said:

    > On 01/08/2012 00:29, Beauregard T. Shagnasty wrote:
    >> Tim W wrote:
    >>
    >>> I am finding that using the same browser on different machines can give
    >>> me different results. Is this normal?
    >>>
    >>> For instance I made a site here: www.biodanzasouthwest.co.uk which seems
    >>> fine in firefox with three randomly selected images across the header.
    >>> When I look at it in firefox on my old laptop the three images don't fit
    >>> on one line so one of them appears out of place below making a bit of a
    >>> muddle.
    >>>
    >>> I don't know why this should be so but I guess I should find a more
    >>> robust way of laying out the images, or just reduce their widths by a
    >>> pixel or two. Is it normal to have to test a site on different machines
    >>> to check it displays correctly?

    >>
    >> If I were you, I would start by correcting all the errors in the HTML and
    >> the CSS.
    >>
    >> <http://validator.w3.org/check?verbose=1&uri=http:/%
    >> 2Fwww.biodanzasouthwest.co.uk%2F>
    >>
    >> <http://jigsaw.w3.org/css-validator/validator?
    >> profile=css21&warning=0&uri=http%3A%2F%2Fwww.biodanzasouthwest.co.uk%2F>
    >>
    >> Then see if you still have these same problems.
    >>

    >
    > Yes, I am sure it is good advice to use a validator but in this case it
    > reveals a couple of typos which need correcting and a few obsolete
    > 'align' attributes in the content blocks. Nothing to do with my
    > question.


    Right, but if you think it's good advice why not follow it? I see that
    you still have the </h32> that I (and my browser) noticed when I looked
    at your code three days ago. Obviously a typo, of course, but typos can
    wreak havoc if not corrected.

    Your layout looks a mess for type sizes bigger than an unreasonably
    small limit.


    --
    athel
     
    Athel Cornish-Bowden, Aug 3, 2012
    #11
  12. Tim W

    Hot-Text Guest

    "Tim W" <> wrote in message news:jv9ng1$hir$...
    > I am finding that using the same browser on different machines can give
    > me different results. Is this normal?
    >
    > For instance I made a site here: www.biodanzasouthwest.co.uk which seems
    > fine in firefox with three randomly selected images across the header.
    > When I look at it in firefox on my old laptop the three images don't fit
    > on one line so one of them appears out of place below making a bit of a
    > muddle.
    >
    > I don't know why this should be so but I guess I should find a more
    > robust way of laying out the images, or just reduce their widths by a
    > pixel or two. Is it normal to have to test a site on different machines
    > to check it displays correctly?
    >
    > Tim W


    You can not have the Image in;
    because of or CSS file......

    <div id="header">
    <img src="/theme/Biodanza02/randim1.php" alt="Random Image" width="304" height="140"/>
    <img src="/theme/Biodanza02/randim2.php" alt="Random Image" width="304" height="140"/>
    <img src="/theme/Biodanza02/randim3.php" alt="Random Image" width="304" height="140"/>
    </div><!-- end header -->


    But move them to the start of content;
    in a table..

    <div id="content">
    <table summary="">
    <tr><td>
    <img src="/theme/Biodanza02/randim1.php" alt="Random Image" width="304" height="140"/></td>
    <td>
    <img src="/theme/Biodanza02/randim2.php" alt="Random Image" width="304" height="140"/></td>
    <td>
    <img src="/theme/Biodanza02/randim3.php" alt="Random Image" width="304" height="140"/></td>
    </tr></table>
    <br />
    <h1>Welcome to Biodanza Southwest with Jill Goodwin</h1>
    <div id="page-content">
    <div class="page-text">
    <h1 style="text-align: center;">&nbsp;The Dance of Life!</
     
    Hot-Text, Aug 8, 2012
    #12
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Andries
    Replies:
    5
    Views:
    4,499
    Sean Jorden
    Sep 9, 2003
  2. Doug Mazzacua

    Different Views in Different Browsers

    Doug Mazzacua, Dec 8, 2005, in forum: HTML
    Replies:
    7
    Views:
    478
    Mark Parnell
    Dec 14, 2005
  3. Sehboo
    Replies:
    0
    Views:
    499
    Sehboo
    Nov 22, 2006
  4. Kabuki Armadillo

    Testing in different browsers

    Kabuki Armadillo, Jun 12, 2008, in forum: HTML
    Replies:
    10
    Views:
    698
    Adrienne Boswell
    Jun 17, 2008
  5. Yitzak

    2 sites or not 2 sites

    Yitzak, Mar 7, 2009, in forum: ASP .Net
    Replies:
    5
    Views:
    459
    Andrew Morton
    Mar 10, 2009
Loading...

Share This Page