[Pro] Inexplicable page width

I have a rather involved site on which a large number of pages are based on the same master. I was going through the site checking links and so on, and uploading after corrections. I was simultaneously checking the site with an iPad3.

At one point, and for no obvious reason, one of the pages switched from fitting to page width to fitting page height, revealing around 125 pixels of white space at the right of the page. The settings for iPhone are all identical and set to automatic.

I replaced the page and still I have the same problem. With the exception of fixing links, I made no change to the content of the page and I checked every page element for problems and found none. When viewing in a browser the page has a total of 250 pixels of unexplained extra white space horizontally, but nothing is hanging off the page. (To view this, drag the corner of browser window until horizontal scroll bar appears.)

I’m at a total loss for an explanation.

http://ohair.com/beta-site/OhairShutters/ohairshuttersintro.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Your document settings are the culprit. Go to the ‘Mobile’ or ‘iPhone’ tab
and try setting the width to unspecified or to ‘device-width’

  <meta name="viewport" content="width = 1000, minimum-scale = 0.25,

maximum-scale = 1.60">


Ernie Simpson

On Thu, Jan 31, 2013 at 3:34 PM, Trey Yancy email@hidden wrote:

I have a rather involved site on which a large number of pages are based
on the same master. I was going through the site checking links and so on,
and uploading after corrections. I was simultaneously checking the site
with an iPad3.

At one point, and for no obvious reason, one of the pages switched from
fitting to page width to fitting page height, revealing around 125 pixels
of white space at the right of the page. The settings for iPhone are all
identical and set to automatic.

I replaced the page and still I have the same problem. With the exception
of fixing links, I made no change to the content of the page and I checked
every page element for problems and found none. When viewing in a browser
the page has a total of 250 pixels of unexplained extra white space
horizontally, but nothing is hanging off the page. (To view this, drag the
corner of browser window until horizontal scroll bar appears.)

I’m at a total loss for an explanation.

http://ohair.com/beta-site/OhairShutters/ohairshuttersintro.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think it is to do with the 2 Divs that are in the Head of your page - which appear to have Hype content in them.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Definitely not the iPhone settings.

Not sure what’s up with the double divs. The object is a 40x20 static blinking object inside a tiny box That hasn’t been altered since it was create a week or so ago. As mentioned above, one moment the page displayed fine, then I updated a number of very simple links and the next thing I knew, the page changed to fit vertical without this being refected (or affected) by the page settings.

I’ll yank the Hype object and see if that does anything.

Thanks.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I finally tracked the problem down. A small JPEG logo, which had never caused a problem before. When set to layer it caused the unexplained width. When set to flat, the problem disappeared.

I have no explanation. Nothing had changed with this or any of the immediately surrounding objects. It was not floating above another object. The Hype tiny graphic was on a higher layer. It was not set to combine with children.

Some unknown bug…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I finally tracked the problem down. A small JPEG logo

You do have a fair mix of Table items and CSS items on your page. It only takes a slight overlap of 2 Table items to mess things up.

Glad you found it.

I think the Hype animation for the flashing triangle is a bit overkill though. An animated gif would only be a few kb.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I used to do a ton of GIF animations, particularly in the late 90’s - buttons, banners, etc – but I was experimenting.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options