Too much white space to the right when previewing it in my phone using inspect. Why?

Using edge reflow to create a responsive landing page and inspect to connect to my device.
I tried to preview it but there's so much white space to the right which i can scroll horizontally through the screen.
my width is 100%  even my container. why is that? Chrome preview is looking fine btw.
thanks for whoever can give me an answer advance!!

How does your page look when you make the canvas narrow in Reflow?
Vic

Similar Messages

  • When I print a Word document to a shared printer, print preview looks fine but the printed page has too much blank space at the top and doesn't print the bottom few lines.

    When I print a Word for Mac document to a shared printer (that is connected to my iMac) from my Macbook Pro, print preview looks fine but the printed page has too much blank space at the top and doesn't print the bottom few lines.  I have tried to adjust the margins and the page setup settings but to no avail.  It used to print fine until recently.  Is there a way to fix it so that the printer prints what print preview shows?

    I should add that when I e-mail this document to myself and print it directky from the iMac, it prints fine.

  • Why is there a huge white space to the right of the board when I play Lexulous on Facebook?

    I play Lexulous (a form of Scrabble) on Facebook. For months now, whenever I play the game, there is a huge white space to the right of the board, like a whole other window. Only with this app. I tried another browser, same thing, and it also does it on my laptop (MacBook Pro). I asked the Lexulous help desk and attached a screenshot; they had no idea what would cause that to happen. I asked a couple of my regular opponents and they are not seeing it. It's really annoying because if I accidentally touch my mouse to the bottom scroll bar, the board slides offscreen to the left.
    Sorry if this is the wrong forum for this question, but I'd like to fix it.

    If you are using Safari to connect to Facebook, try this on one of the Macs.
    From the Safari menu bar click Safari > Preferences then select the Extensions tab.
    If there are any installled, turn that OFF, quit and relaunch Safari and try that game.

  • Google Plus notification pull-down bar white space on the right

    Google+ notification pull-down bar shows white space on the right side witch is not suppose to be there.
    I have Google Chrome installed and do not have this problem.

    Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache.
    Note: ''This will temporarily log you out of all sites you're logged in to.''
    To clear cache and cookies do the following:
    #Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
    #Under "Time range to clear", select "Everything".
    #Now, click the arrow next to Details to toggle the Details list active.
    #From the details list, check ''Cache'' and ''Cookies'' and uncheck everything else.
    #Now click the ''Clear now'' button.
    Further information can be found in the [[Clear your cache, history and other personal information in Firefox]] article.
    Did this fix your problems? Please report back to us!

  • White space on the right of a swf

    Hello,
    I would like to ask you for help. I googled around for the last 2 hours, tried several things but cannot solve my problem.
    Please have a look at http://stupavanew.beus.sk. The problem is with the flash banner at the top. It was created with a utility for creating banners and displays in firefox without any problems. In IE 8 there is white space to the right and I cannot get rid of it anyhow :-( Could you please help me?

    I am viewing it with IE8 and cannot see any white space to ther right.  There is a thin white border around the entire banner, so if you can show a screenshot of that section of the page it will be easier to confirm if what is seen is intended.

  • Strange white gap on the right when viewed on Iphone

    Hey guys
    When viewed on computer, my 100% width appears to be working fine. But when viewed on iphone (possibly would do same on ipad and ipod but i don't own those) there is a strange white gap on the right.Maybe about 10 px worth.
    I noticed in the "services" section, some of the writing was over hanging this white gap so i thought maybe i coded it wrongly and it was pushing the whole screen across. However i shrunk the width of that container now and its not overhanging, but the white gap is still there
    I would have a guess that it is a freaky padding or margin setting somewhere in my coding...
    site: http://www.jpmediaonline.co.uk
    Any thoughts?

    It definitely does matter. Like I mentioned earlier, when you have a fixed width of 1,000px for your content container, your 100% width setting for your outer container will be ignored - which means priority is given to 1,000px thereby rendering the whitespace to the right as your background is again a 128px square image. One solution I can think of is to make your background image 1x1px square that you can repeat. See if this makes any difference.'
    My site, the autoscroller - I didn't use any plug-in as such. I simply used scrollTop from jQuery API and changed the settings to match . You can read about it here: http://api.jquery.com/scrollTop/
    Here's my actual function that I'm calling when a menu button is pressed to scroll the div ID associated with it to scroll to Top of the screen. Again, this works for me, as my menu is fixed to the top, unlike your site where each site has a menu bar.
    $('ul#menu li a').click(function(){
                   var id = $(this).attr("href");
                   $('html,body').animate({scrollTop: $("div"+id).offset().top},'slow');
         return false;
    $('a#link').click(function(){
                   var id = $(this).attr("href");
                   $('html,body').animate({scrollTop: $("div"+id).offset().top},'slow');
         return false;

  • When I enter full screen for a game or video using Firefox the whole "screen" moves to the left, leaving a white space on the right side of my monitor, but the mouse still acts like the image is where it should be, why?

    I have the latest Firefix update, and I am using Windows 7 Home Premium. It's annoying, specifically for games because I have to make sure the cursor is to the right (by a certain amount) of the item I wish to click. This issue is only in Firefox, I have tried in Internet Explorer *shudder* and there is no problem, I do not have any web browsers currently installed.

    Create a New Profile as a test to check if your current profile is causing the problems.
    -> Basic Troubleshooting: Make a New Profile
    * https://support.mozilla.com/en-US/kb/Basic%20Troubleshooting#w_8-make-a-new-profile
    -> If that New Profile works then you can recover your Bookmarks and Passwords from the Old Profile.
    -> Recovering important data from an old profile
    * https://support.mozilla.com/en-US/kb/Recovering%20important%20data%20from%20an%20old%20profile
    Check and tell if its working.

  • Unwanted white space to the right of the page

    On my side the web pages scrolls too far to the right, with lots of unwanted white space.
    I went to the original Dreamweaver template, and compared codes, but can't seem to find a way around the excessive white space. I thought at first the  div.toplogo was the culprit, and adjusted it several ways, but no luck.
    My site is www.JFKTech.info
    Has anyone had a similar problem?
    Any help would be greatly appreciated.

    This is a duplicate post.  See my answer in your other discussion.
    http://forums.adobe.com/message/6076792#6076792
    Nancy O.

  • Get rid of the white space at the top and bottom of the report when Printing as PDF document

    Hello All,
    I have a wider tablix report which is 29 inches wide. I have given the paper size as custom and width as 29 and height as 11 in report properties.I have deployed it and saved it as PDF document. When I print preview the report I am using the paper size as
    tabloid (17 by 11) and selected the orientation as Landscape. I am getting the full report without any stripping but I am getting some extra space at the top and bottom when I print the report. Can anyone help me how to get rid of this space? . I checked the
    margins for the report and it was 0in. Please help.
    Thank You

    Hi There
    In Reporting Services (SSRS 2008), there are white spaces preserved in the report body by default. When the white space extends the body size beyond the width of the report, blank pages will be generated. To avoid the issue, you can set the “ConsumeContainerWhiteSpace”
    property of the report to “True”.
    Please try to adjust your margins (top + side) and hopefully this problem will get resolved
    Body Width <= Page Width - (Left Margin + Right Margin)
    Horizontal usable area:
    X = Page.Width - (Left Margin + Right Margin + Column Spacing)
    Vertical usable area:
    Y = Page.Height - (Top Margin + Bottom Margin + Header Height + Footer Height)
    Body Width <= Page Width - (Left Margin + Right Margin)
    Horizontal usable area:
    X = Page.Width - (Left Margin + Right Margin + Column Spacing)
    Vertical usable area:
    Y = Page.Height - (Top Margin + Bottom Margin + Header Height + Footer Height)
    If you have any questions please ask.
    Many Thanks
    Syed Qazafi Anjum
    Please click "Mark as Answer" if this resolves your problem or "Vote as Helpful" if you find it helpful.

  • Using IOS 7.1.2 on Safari when I leave the focus on a input on my webpage and rotate my device from Horizontal to vertical, I see a black space on the right and the page is not displayed properly. Any solutions to this problem?

    iOS Version: 7.1.2
    Browser: Safari
    I have a sample log-in page with two input fields and a submit button. When I focus on any of the input fields in landscape mode and rotate my phone and come to the portrait mode I see a weird black space towards the right of my page. Screenshots attached below:
    My page code below:
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
        <title>IOS Test</title>
        <style type="text/css">
            a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var
                background: transparent;
                border: 0 none;
                font-size: 100%;
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                vertical-align: top;
            ol, ul
                list-style: none;
            blockquote, q
                quotes: none;
            table, table td
                padding: 0;
                border: none;
                border-collapse: collapse;
            img
                vertical-align: top;
            embed
                vertical-align: top;
            article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, div
                display: block;
            mark, rp, rt, ruby, summary, time
                display: inline;
            input, textarea
                border: 0;
                padding: 0;
                margin: 0;
                outline: 0;
            iframe
                border: 0;
                margin: 0;
                padding: 0;
            input, textarea, select
                margin: 0;
                padding: 0;
            body
                font-family: Arial, Myriad Pro, Trebuchet MS, sans-serif;
                font-size: 100%;
                background: #F5F5F5;
            a
                text-decoration: none;
            a:hover
                text-decoration: none;
            img, object, embed, video
                max-width: 100% !important;
            .clear
                display: block !important;
                width: 100% !important;
                clear: both !important;
            .body
                position: fixed;
                width: 100%;
                top: 0;
                left: 0;
                overflow-y: scroll;
                -ms-overflow-style: -ms-autohiding-scrollbar;
                -webkit-overflow-scrolling: touch;
                -ms-touch-action: pan-y;
                -ms-user-select: none;
                z-index: 0;
            .body > *
                -webkit-transform: translateZ(0px);
            .header
                background: #fff;
                text-align: center;
                border-bottom: #45A116 solid 8px;
                padding: 5% 10%;
            .content
                width: 70%;
                position: relative;
                margin: 20% auto 10% auto;
                text-align: center;
            .content input
                display: block;
                background: #E6E6E6;
                border-radius: 15px;
                border-bottom: #A8A8A8 solid 3px;
                margin-bottom: 5%;
                width: 96%;
                padding: 4% 2%;
                text-align: center;
                color: #595959;
            .content a
                display: inline-block;
                padding: 2% 10%;
                color: #fff;
                background: #45A116;
                margin-top: 5%;
                border-radius: 5px;
                border-bottom: #2C690E solid 3px;
                -webkit-transition: all 0.1s linear;
                -moz-transition: all 0.1s linear;
                -ms-transition: all 0.1s linear;
                -o-transition: all 0.1s linear;
            .content a:active
                background:#368011;
        </style>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            function adjustBody() {
                var wh = $(window).height();
                $(".body").css({
                    "height": wh + "px"
            $(document).ready(function () {
                adjustBody();
                $(window).resize(function () {
                    adjustBody();
        </script>
    </head>
    <body>
        <div class="body">
            <div class="header">
                <img src="sampleImage.png" alt="Sample Logo" />
            </div>
            <form action="" method="get" id="sampleForm">
            <div class="content">
                <input type="email" value="User Name" onblur="if($(this)[0].value == ''){$(this)[0].value = 'User Name';}"
                    onfocus="if($(this)[0].value != '' && $(this)[0].value == 'User Name'){$(this)[0].value = ''};" />
                <input type="password" value="Password" onblur="if($(this)[0].value == ''){$(this)[0].value = 'Password';}"
                    onfocus="if($(this)[0].value != '' && $(this)[0].value == 'Password'){$(this)[0].value = ''};" />
                <a href="javascript:void(0);" onclick="$('#sampleForm').submit();">Login</a>
            </div>
            </form>
        </div>
    </body>
    </html>
    Does anyone have any solutions to this problem?
    Regards,
    Mayank Tripathi

    ALWAYS SAVE YOUR idevice USING ICLOUD !!!! IT SAVES ... ALL !! (includings apps data, but the apps themselves ! USE IT ! i done this...)

  • When Importing Images, How Do I Remove The White Space Around The Corners?

    When Importing Images, How Do I Remove The White Space Around
    The Corners?

    u may use magic wand (and magic wand setting) from Lasson
    Tool to select and delete that white space, but u must break a part
    to the picture first.

  • Why is there a black part in the X when I try to delete my app? It's covering up the supposed to be white space around the X button

    Help!! Why is there a black part in the X when I try to delete my app? It's covering up the supposed to be white space around the X button

    Try:
    - Reset all settings                  
    Go to Settings > General > Reset and tap Reset All Settings.
    All your preferences and settings are reset. Information (such as contacts and calendars) and media (such as songs and videos) aren’t affected.
    - Restore from backup. See:                                                
    iOS: How to back up                                                                                     
    - Restore to factory settings/new iOS device.                     
    If still problem, make an appointment at the Genius Bar of an Apple store since it appears you have a hardware problem.
      Apple Retail Store - Genius Bar
    Since they all line up on the left site that could be a hardware problem or maybe a software glitch. I have never seen that problem posterd here before

  • How do I remove the white space from the bottom and side of my document?

    How do I remove the white space from the bottom and side of my document? (I'm not talking about printing, just viewing it on the screen.) There are about 6 inches of white space at the bottom and at the right hand side. I don't like this. On a blank new spreadsheet it's triple that amount of white space.

    The infinite canvas convention doesn't make a lot of sense for Numbers. When I'm viewing a spreadsheet and mistakenly scroll into white, empty space I think, "this is ridiculous - all of my content is fits on one screen. there's nothing over there."
    A (relatively) infinite canvas is logical for Microsft Excel because it's one big table. There are 256(?) columns by default and hundreds of rows on a sheet - there are cells outside what a user is looking at to see. However, when viewing a Numbers spreadsheet with a single 10 column 10 row table that fits on the screen, there's nothing else on it to scroll to.
    Numbers should distinguish between viewing a spreadsheet and editing one. When I'm just viewing, when there's no content outside the window it shouldn't scroll there. This window behavior is beyond annoying for Numbers on my iPad and iPhone.
    (Adding user-defined canvas size setting to my view mode / edit mode thinking would probably be the most complete solution to this now that I think about it.)
    Until now the way scrolling worked in Numbers has defied logic. Actually it still does lol. That said, thank you Yellowbox for providing a clear explanation. Much appreciated.

  • Space to the right of the trackpad...

    I got my MacBook less than a month ago and I noticed that the space to the right of my tackpad (where my wrist rests while I'm tying) feels loose. It's hard to explain, but when I lift my right hand up from typing I hear a "click" type sound. It almost feels as if there is too much space between the case and the components inside. Does anybody else have this problem? Is it worth sending it in to get repaired?

    I actually did take it to an apple store today. I was shocked to see how rough the Mac Genius treated my computer. He slammed down the top and took it to the back. He came back out and said since it was a cosmetic issue, there's nothing he could do. This is ticking me off...
    Also, is anybody aware if apple is able to send out a new replacement computer, and then have me send this defective one back? I really can't afford to have much downtime without my computer for my profession.

  • Firefox 3 cannot download files with white space in the filename

    When opening attachments in e-mail Firefox is unable to handle files with white space in the name. This is not the same as the white space file name truncation problem documented on this site (where file names with white space are truncated on saving.) The issue is that the browser will prompt to allow the file to be saved, but it will not prompt to open the file as an option. If I rename the file to remove white space then I do receive the "Open with..." dialog box. I verified that Firefox 2 did not have this problem and I can open attachments with white space in the file names just fine using that version of the browser (2.0.0.20).
    == This happened ==
    Every time Firefox opened
    == Upgraded to version 3

    When a user clicks on an attachment with spaces, the filename is truncated to the first whitespace. While IE, Chrome & Safari handle this, Firefox refuses to accept mime headers with unquoted filename parameters. According to Firefox's bugzilla/knowledgebase, Firefox's behavior is the correct behavior and it's a problem with most webservers or web applications. This problem can be easily corrected by surrounding the filename parameter with double quotes.
    Eg.
    Response.AddHeader("Content-Disposition", "attachment; filename=\"" + fileName + "\"");

Maybe you are looking for