Not just different browsers that sites need testing in?

[Tim W]

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

 

[Beauregard T. Shagnasty]

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.

 

[Jonathan N. Little]

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

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

....

 

[Beauregard T. Shagnasty]

A peek at the source may offer a clue:

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

 

[Tim W]

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]

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

 

[Beauregard T. Shagnasty]

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

 

[Jonathan N. Little]

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?

 

[Beauregard T. Shagnasty]

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.

 

[Jonathan N. Little]

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.

 

[Athel Cornish-Bowden]

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.

 

[Hot-Text]

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!</