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. Advertisements

  2. 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.
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #2
    1. Advertisements

  3. 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...
    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/>

    ....
     
    Jonathan N. Little, Aug 1, 2012
    #3
  4. I saw that... but decided to be polite. :)
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #4
  5. Tim W

    Tim W Guest

    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

    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. 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).
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #7
  8. font-sizes in px and containers in px...as I said; what happens when
    user defaults do not match designer defaults?
     
    Jonathan N. Little, Aug 1, 2012
    #8
  9. 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.
     
    Beauregard T. Shagnasty, Aug 1, 2012
    #9
  10. 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.
     
    Jonathan N. Little, Aug 1, 2012
    #10
  11. 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 Cornish-Bowden, Aug 3, 2012
    #11
  12. Tim W

    Hot-Text Guest

    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. Advertisements

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.