100% Width Not Working on Some Mobile Page

Hello,
I have encountered an issue that I cannot diagnose. I am building a mobile site in Muse (the desktop site is already completed), and on all of the pages, there are images that span 100% width. However, on some of those pages, there is a gap along the right hand side between the edge of the image and the edge of the browser window. I unfortunately only have access to Android devices, and it is doing this on Chrome, Chrome Beta, and the default Android Browser. I have tested it using the device emulation features in the Chrome developer tools on desktop, and the issue is there for all devices.
EDIT: It does the same on iOS devices (iPhone)
I have set up my site at a temporary business catalyst URL at: http://mobilewidthissue.businesscatalyst.com/index.html
The issue is appearing on the pages titled 'live' and 'care', but the images and rectangles are great on the 'plan' page. I did notice that those pages (live and care) have the same master, while the other (the plan page) has a different master. However, in an attempt to solve the issue, I tried making 'live' and 'care' have the same master as the 'plan' page, and the issue still existed.
Again, this issue is ONLY ON MOBILE. The desktop site is completed, so please do not evaluate that.
I am open to sending my .muse file to an Adobe employee (in fact, I hope this happens, I have spent too long trying to solve this).
Thanks for your help!

Similar Messages

100% width not working, help please?!

Hopefully this image will help show the problem I am having, I will also paste the code I have so far just in case it is not readable in the image.
I am working in Dreamweaver CC (current updates) on a Windows 7 64 bit platform. I have built about a dozen web sites in dreamweaver, so I am not an expert, but I am not totally clueless either. I have done what I am attempting to do on other websites, so I am completely stumped on what I am doing wrong here. All help is appreciated!
So, that's the intro! Here is what I am trying to do:
I want three background divs that are stacked one on top of the other, with all three of them spanning 100% of the screen, regardless of screen size (haven't set up media queries yet to go smaller, right now I am just trying to set it so that the backgrounds fill all screen sizes)
So the top bar is the tan, then the middle bar is the dark brown, and the bottom bar is the yellowish. At first I did not apply ANY width to "body" but I did try setting it to 100% as well. Each of the three background divs were then added, and all three were set to 100%, with an image in the background (for the texture and color) set to repeat across.
No matter what I try, the three bars seem to have a width limit of about 740 pixels. It is not a setting I ever created, and I started the page as a blank html page--not from any template. I can't find what is imposing this width setting on these elements.
Here is the really weird thing...it actually DOES work on a wide screen--the bars go all the way across...it is on small screens (my fifteen inch test monitor, my iphone, ipad screen) that the backgrounds will not go across!
The image in the header (all of the images are just one image) is 1280 pixels.
I'm sure that someone is going to point me to something that makes me slap my forehead in total embarrassment, but I will gladly take the humiliation to be able to move forward on this project! HELP?!
Thank you,
Michelle

So, this is my update. Taking all of Nancy's suggestions, I have rewritten my code, and as far as setting it up so that all three content areas have backgrounds that go all the way across the screen no matter what screen size (big or small) it all works--
BUT, I do want to have the actual page contents confined to 1280 pixels at the largest (even if it involves scrolling on smaller screens), and I would like the confined content to be centered on the page.
In the past, all I had to do was create a div container for that content, assign a width value, set right and left margins to auto, and this gave me centered content in the middle of the page.
I attempted to create this center content by adding a div within the top bar (for example) and tried using both a "width: 1280px" value and a "min-width : 1280px" value, and both had the same affect that I was dealing with before--it imposes a width value on the 100% backgrounds--and the really weird thing to me is that it is NOT imposing a width value of 1280 on the backgrounds, it imposes a 780px value...even though that value is not used ANYWHERE on the page or in any of the css.
This is the new html code, and below that is the new css style sheet:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css/new_main_css.css" rel="stylesheet" type="text/css">
<style type="text/css"></style>
</head>
<body>
<div id="header_Bar">
    <div id="headerContainer">
      <div id="HeaderTop"><img src="images/header_images/header_images.png" width="100%" height="426" alt="xxxxxe is xxxxx's hair salon and day spa"/></div>
      <div id="navbar"></div>
    </div>
    </div>
<div id="main_contentBar">
</div>
<div id="btm_contentBar"></div>
</div>
</body>
</html>
@charset "utf-8";
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          min-height: 369px;
/**re-scales up to native image size**/
img {max-width: 100%}
body {
    margin:0;
    padding:0;
    background-color: #2c2117;
#header_Bar, #main_contentBar, #btm_contentBar {
    width:100%;
          min-height: 475px;
#header_Bar {
          background-image: url(../images/backgrounds/header_background.png);
          background-repeat: repeat-x;
#main_contentBar {
          min-height: 100px;
#btm_contentBar {
          min-height: 379px;
          background-image: url(../images/backgrounds/bottom_background.png);
          background-repeat: repeat-x;
#header_Bar #headerContainer {
          min-width: 1280px;
#headerContainer #HeaderTop {
#navbar {
          min-height: 40px;

Why do the "SHOW THE PREVIOUS PAGE arrows not work on some websites such as when I try to return to the previous page the arrows at the top right of the page are not dark black they are light grey and do nothing---HELPPPP

why do the "SHOW THE PREVIOUS PAGE arrows not work on some websites such when I try yto return to a previous page the arrows at the top right of the page do not work instead they are light grey instead black and do nothing---this is frustrating to not be able to return to the page before--HELP

If a page you go to opens in a new tab, there is no 'back' to go to. If that is the case, just close the tab and you'll be at the page you came from.

MAM application is not working for some users

Hi All,
Tha MAM application is not working for some users.Different users have different workcenters other than that I dont see any other change. When I run MAM30_090_GETLIST in the backend I can see the no of customized users.But I cant see same no of users in the MEREP_207 table for the Syncbo MAM30_090 and strcture id TOP in the middleware. There is a data when I checked under worklist monitor for that user. But neither the MAM application nor MAM data is downloading to that device.
If I use different user on the same device I can see the MAM application and MAM data.
What could be the wrong in this case. Any help would be highly appreciated.
Mobile Client:MI 70 SP 15 Patch 0 Build 200802280918
Middleware:SAP NetWeaver 2004s with Patch leve 15
Backend:SAP ECC 6.0
Application:MAM 3.0
Thanks and Regards,
Ameer.

Hi,
from your description the source of your issue is quite obvious: some of the MAM users configured in spro are not configured properly.
For T01 SyncBos the number of TOP records in merep_207 MUST be the same as number of headers returned by an appropriate getList FM in the backend.
You need to solve this before you can go any further.
Reason why a record is not recorded in MEREP_207 - getdetail failed for whatever reason. So execute MAM30_ML_getdetail for each of the users that is not replicated in the middleware and check if there are errors in RETURN table. If there is no error - one of the common reason for replication fail is when there are records in item tables that have duplicate primary keys.
Regards,
Larissa Limarova

I upgraded to version 9 from version 8. The following items do not work properly - menu, home page, navigation bar, wheel click. I backed up to version 8, and none of this stuff works right. How do I fix this?

When I open Firefox, the bookmark menu is a little tab in the upper left corner. If I go to view and un-click bookmark menu and then view, click it, the standard menu bar shows up. The Back and Forward buttons don't work. The navigation window does not show the URL of the current page. When opening, the home page does not come up. The wheel click works on the bookmark bar, but not within a page. The menu (file, edit, etc) does not work after the first page. Version 8 worked well. When I upgraded to version 9, all this trouble started. I backed up to version 8, but the problem persists.

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
Create a new profile as a test to check if your current profile is causing the problems.
See "Basic Troubleshooting: Make a new profile":
*https://support.mozilla.com/kb/Basic+Troubleshooting#w_8-make-a-new-profile
There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins" in case there are still problems.
If that new profile works then you can transfer some files from the old profile to that new profile, but be careful not to copy corrupted files.
See:
*http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox
*http://kb.mozillazine.org/Standard_diagnostic_-_Firefox

Outlook autodiscover is not working for some users in coexistence

Hi
We are doing exchnage 2013/2010 coexistence
Most everything is ok BUT outlook autodiscover is not working for some exchange 2010 users now that 2013 is in the front!!!. We end up creating the profiles manually. It has affected some but not all the users.
I followed the instructions here but it didn't help.
http://blogs.technet.com/b/tips_from_the_inside/archive/2012/01/11/autodiscover-fails-for-one-or-more-users.aspx
Using outlook 2010, 2013, patches, .... didn't make a difference
Would you please help?
Thank you

Hi
If it is affecting only few handful of users i could suspect a mailbox corruption and would recommend to move mailbox and see the results.
Also you can try below
You need to set the values MaxFieldLength, MaxRequestBytes & MaxTokenSize to below on Exchange 2010 CAS servers as well as Exchange 2013 CAS servers
Path: HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\HTTP\Parameters
Name: MaxFieldLength
Type: DWORD
Value: 65534
Path: HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\HTTP\Parameters
Name: MaxRequestBytes
Type: DWORD
Value: 16777216
Path: HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Lsa\Kerberos\Parameters
Name: MaxTokenSize
Type: REG_DWORD
Value: 48000
Just reboot the servers once its done and you will be good to go.
References
https://social.technet.microsoft.com/Forums/en-US/cc2929ac-4d36-4e84-a567-ce9b3bec1398/http-400-bad-request-on-iis-8-exchange-2013-cu2-on-windows-server-2012-autodiscovery-is-not?forum=exchangesvrgeneral
http://blogs.technet.com/b/kristinw/archive/2013/03/28/recommended-changes-and-enhancements-to-support-exchange-in-an-enterprise-environment-whew.aspx
Remember to mark as helpful if you find my contribution useful or as an answer if it does answer your question.That will encourage me - and others - to take time out to help you Check out my latest blog posts on http://exchangequery.com Thanks Sathish
(MVP)

HT1414 I have intelos and my Iphone does not work in some areas or in my house. I have had Apple replace it 2 times with the same problem. My android worked fine in all places....what's wrong with this? It's killing my business!! Any ideas to fix it??

Please help me understand why my I phone 4s is not working in some places and my HOME!! I have been to Apple 3 times and Intelos 5 times and no one knows whats wrong and they are telling me that no one else is having this problem. It's hurting my business because I can't get calls at home. I paid a lot of money for this and may have to pay to get out of it. I thought Apple was a good company but am changing my mind quick.

OK, restart in Safe Mode, this will clear some caches. It's possible one or more is corrupt. To restart in Safe Mode when you hear the start up tone hold down the Shift Key until you see a progress bar. Let it fully boot then restart normally and test.
Also I am assuming you have checked Finder - Preferences - General and see what boxes are checked in "Show these items on desktop." You can also mount an item in Disk Utility, simply highlight it and then look in the File menu for Mount.....

Group Policy not work in some client machine.

Hello All,
Existing environment is AD 2012. gpupdate /force command does not working in some client machine. And it's occur randomly. Error shown about 15-20% of client machine. Please suggest. Hopefully this time get reply from community.
The Error:
User policy could not be updated successfully. The following errors were encount
ered:
The processing of Group Policy failed. Windows attempted to read the file \\example.net\sysvol\example.net\Policies\{31B2F340-016D-11D2-945F-00C04FB
984F9}\gpt.ini from a domain controller and was not successful. Group Policy set
tings may not be applied until this event is resolved. This issue may be transie
nt and could be caused by one or more of the following:
a) Name Resolution/Network Connectivity to the current domain controller.
b) File Replication Service Latency (a file created on another domain controller
has not replicated to the current domain controller).
c) The Distributed File System (DFS) client has been disabled.
Computer policy could not be updated successfully. The following errors were enc
ountered:
The processing of Group Policy failed. Windows attempted to read the file \\example.net\sysvol\example.net\Policies\{31B2F340-016D-11D2-945F-00C04FB
984F9}\gpt.ini from a domain controller and was not successful. Group Policy set
tings may not be applied until this event is resolved. This issue may be transie
nt and could be caused by one or more of the following:
a) Name Resolution/Network Connectivity to the current domain controller.

Thanks for your reply. basically this error occurs with in same location as well as branch location. i have check event log in AD but not got any specific error. AD health status is ok. AD to AD synchronization also working well. All the client machine running
on windows 7 64 bit and few of them are windows 8.
Please suggest. if you need any event log for analysis i can send you.
Thanks
I recommend you examine the event logs upon an affected client machine. Specifically, look for the surrounding events on that machine (both System, and Application logs), for the hours previous and the hour after.
The time period may vary according to your environment (e.g. what is expected/normal for your environment, your configured GP refresh cycle-time).
e.g., are there network drops, or power drops, or system crashes, restarts at the similar time.
if it's a laptop, is it wireless? Was there a transition from wireless to wired operation?
Is there VPN in use?
If you are able to compare with another machine (I would encourage that), to understand what "normal" looks like in the logs, so that you have some kind of baseline data for comparison.
Other checks, maybe confirm that the machines are updating as required (have the relevant WindowsUpdates etc), and consider if some security/protection/firewall software might be interfering with normal Windows operations.
Also the potential for malware or virus, which can disturb many basic services (ensure a scan is performed and returns clean).
If you have the opportunity for an affected user to contact you urgently when the symptom occurs, check that the gpt.ini file is accessible from their PC.
e.g.: \\example.net\sysvol\example.net\Policies\{31B2F340-016D-11D2-945F-00C04FB
984F9}\gpt.ini
This file is hosted within the replicated SYSVOL share on your DC's, so check that it is accessible.
You might also validate the particular GPO this refers to, and check each of your DC's holds the correct copy of the files for that GPO GUID.
If you open that GPO, and perform a minor change to it (e.g. add a comment), then click Apply, OK, this should cause the GPO contents to replicate an updated version (be cautious, depending upon the nature of that GPO !!!)
Don
(Please take a moment to "Vote as Helpful" and/or "Mark as Answer", where applicable.
This helps the community, keeps the forums tidy, and recognises useful contributions. Thanks!)

Sync does not work on my mobile

Hi.
Sync does not work on my mobile.
Only error is in swedish "(förlegad)"
How do I resolve this all my passwords, history and bookmarks are gone.
Regards Tomas

Ah! You are still using the old sync account. (deprecated) will be next to the Firefox Sync account. Try the new one :-) [[How to update to the new Firefox Sync]]

I have 10.7.3 lion on my computers an iMac and a macbook pro plus a new iPod touch, and two older touches, now trying to sync my calendars is not working deletes some events, duplicates others, I want all my calendars to be the same. Any ideas

I have 10.7.3 lion on my computers an iMac and a macbook pro plus a new iPod touch, and two older touches, now trying to sync my calendars is not working deletes some events, duplicates others, I want all my calendars to be the same. Any ideas

Have you tried resetting the SMC ? > Resetting the System Management Controller (SMC)

Magic Mouse - scrolling doesn't work on some web pages

The scroll function on my Magic Mouse isn't working on some web pages. The main ones it struggles with are news sites (e.g. The Telegraph), or things that regularly update (e.g. BBC Sport live commentaries). When this is a problem the page won't scroll at all, even if you enable the scroll bars at the side of the page and try to drag manually. The majority of web pages do work however. Thoughts?

Hello Halifax:
Are you really running OS X 10.3?
These are the requirements for a magic mouse:
Minimum Requirements
A Bluetooth-enabled Macintosh computer
Mac OS X v10.5.8 or later with Wireless Mouse Software Update 1.0* or Mac OS X v10.6.1 or later >with Wireless Mouse Software Update 1.0
Barry

Why the buttons created by Acrobat XI in window do not work in android mobile or ipod touch?

Why the buttons created by Acrobat XI in window do not work in android mobile or ipod touch?

Hi,
Could you please send us a test file which has those form buttons? Please email that file to us at DL-adobereader-android <[email protected]>
Thanks,
- Reader Mobile team

In Robohelp 9, search does not work for some Vietnamese characters.

In Robohelp 9, search does not work for some Vietnamese characters.

I don't think there is anything we can do on a user to user forum. I suggest you report this to Adobe as a bug. Please follow this link.
http://www.Adobe.com/cfusion/mmform/index.cfm?name=wishform&product=38
If you need a more immediate response, you would need to take that up with Adobe support.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

My Safari browser is not working well. Junk pages keep poping in and key pages for me appear intoxicated by alien pop ups preventing me navigate that page. Updated last Safari version and problem prevailed. Tried downloading Safari for Mac OS X Mavericks.

My Safari browser is not working well. Junk pages keep popping up and key pages, for me, appear intoxicated by alien pop ups preventing me navigate that page.
I updated to latest Safari version (7.0.4) but the problem persists.
I tried downloading a new version of Safari for Mac OS X Mavericks but couldn't find it available.
Thanks for your help.

The pop ups are malware. It's not necessary to reinstall Safari.
Help here ..
The Safe Mac » Adware Removal Guide
The Safe Mac » Genieo
The Safe Mac » Mac Malware Guide
Just so you are aware, on a Mac running Mavericks, the only way to reinstal Safari to to restore OS X using OS X Recovery

If I buy an unlocked iPhone 5 can I replace my virgin mobile iPhone 4s or will it not work with virgin mobile?

If I buy an unlocked iPhone 5 can I replace my virgin mobile iPhone 4s or will it not work with virgin mobile?

I'll have a bunch Friday and I will unlock them. Will work with any sim card. Email me at [email protected]

100% Width Not Working on Some Mobile Page

Similar Messages

Maybe you are looking for