Why buttons from theme distorted when viewing in Google Chrome?

I did an application and i used "Bluejay Theme" and found out that the buttons are distorted when viewing in Google Chrome. Strangely it doesnt happened when viewing in IE or Firefox. Can someone let me know what is the possible cause?
From Chrome - http://oi42.tinypic.com/ador2v.jpg
From Firefox or IE - http://oi43.tinypic.com/hrc4ev.jpg
Edited by: T101_cyberdyne on Jun 4, 2013 4:52 AM

Thanks for your feedback and I think it's what's happening on my pages - the appearance of the scroll bar causes the space at the sides to change so it 're-sizes' which causes the slight movement.  Obviously IE and Firefox allow for this in their code but Chrome doesn't. 
My site (at www.roosterad.com) is designed with a fixed centre (the website) and elastic sides (the grey space) so it always centres on the page regardless of browser size/resolution.  Do you know if there's any way to prevent the issue without loosing this flexibility?

Similar Messages

  • Why are msdn pages broken when viewing site with chrome ?

    http://msdn.microsoft.com/en-us/library/ff928362(v=vs.92).aspx
    When opening same link in IE the page looks ok.
    AdBlock was disabled for msdn.

    Same here.  Desktop API documentation is not loading in Chrome, while others still open just fine.  The same pages open OK in IE, and they used to open OK in Chrome.  What's up!!???
    Jose R. MCP
    Code Samples

  • Does anybody know why type might render strangely when viewing a PDF in Chrome, Firefox and IE?

    Does anybody know why type might render strangely when viewing a PDF in Chrome, Firefox and IE?
    I have a client who I create a report for every year. This year there seems to be a problem with the PDFs that I have exported when they are viewed in various web browsers. To elaborate, the type is rendering inconsistently – in Chrome the weight of the type is inconsistent (ranging from light to something more heavy) and in IE the type appears more condensed, and the x-height is variable.
    To my knowledge Chrome, Firefox and IE are all affected in one way or another. The problem does not occur in Safari.
    We always use Helvetica Neue and have never had problems like this before. I am using the same version of Helvetica Neue as I always use, but even when I change the font to Helvetica the problem still persists.
    On a deadline so would appreciate some support here. Box of beer to the person who can provide me with a working solution!
    Thanks kindly
    Simon Winter

    Hello Ellis. Thanks for your efforts in helping narrow down this issue, and for offering workarounds for Simon. Here are the steps I sent to Simon, enhanced by the info you provided above:
    1. I typed some text in Id CC 2014.0 (Mac OS 10.9.4) using the system font Helvetica Neue Light at 12 pt. All defaults were on, including ligatures.
    1.a. I used the text in Simon's example, “An Annual Report marks the end of a year’s work, but it is also an opportunity to reflect on the principles that” and reduced the text frame width so that it wrapped across 4 lines.
    1.b. I also tried creating an all-page text frame and filling it with placeholder text (same font, same point size).
    2. Export > Interactive PDF (or Static PDF: doesn’t make a difference), using all the default PDF export settings.
    3. View resulting PDF in the latest Chrome (36.0.1985.143) on that same Mac, or on Windows, at various zoom levels, on a retina display as well as on a lower-dpi monitor. It looks fine to me: all words and lines have the same even "color" or weight.
    In all cases, the fonts embedded in the PDF were listed as:
    HelveticaNeue-Light (Embedded Subset)
    Type: TrueType
    Encoding: Ansi
    HelveticaNeue-Light (Embedded Subset)
    Type: TrueType (CID)
    Encoding: Identity-H
    If you follow the above steps, can you repro the problem?

  • Widescreen DVD distorted when viewed 16:9 or letterbox

    Burned a DVD from widescreen HD QT movie (exported from FCE). When viewed on HDTV in 16:9 or Letterbox modes, the image is flattened, like a 4:3 image stretched to fit a 16:9 frame. Setting 4:3 mode on the TV restores the correct proportions but both sides of the frame are cut off. It looks fine when viewed in iDVD on the Mac ('Widescreen Preview' is displayed at the corner of the window and the movie shows in letterbox format). What settings are needed in QT Pro or in iDVD to produce a correctly proportioned widescreen image?

    HOW TO MAINTAIN 16:9 ASPECT FROM IMPORT TO BURN
    This is the way I do it. There is no compulsion on you to do it my way, but this works (for me). I started this method before iMovie and iDVD were upgraded to 6.0.3, and because not all elements of the various iDVD themes (particularly the pre-iDVD 6 ones) are consistent in keeping to 16:9 throughout the process.
    The widescreen preview works just fine when you check your finished project within iDVD. The problem only happens when you either burn a project or save it to an image.
    A bug in iDVD 6, particularly when working with PAL, and which has been reported to Apple, is that the sub-menus in many of the themes (the chapter settings) default to 4:3 aspect, NTSC and mpeg 1, instead of the desired 16:9 in mpeg 2 in PAL. This may be partly a leftover from iDVD 5 or even a newer ‘feature’ of iDVD 6. Either way, it is annoying when it happens, and we must hope Apple cure it in iDVD 7. In the meantime here is my failsafe workaround, which sounds a lot more complicated when reading about it, that it is in practise.
    Living in the UK, I use PAL (25 fps). Wherever you see a reference to PAL (25 fps) in the following you may substitute NTSC (30 fps) in the various settings mentioned (if you don’t live in Europe), the basic idea is the same. I still use this method, and take these steps, regardless of whether it is always necessary. Worst case scenario: it would have worked anyway. Best case scenario: it works perfectly where it otherwise wouldn’t!
    The object of the exercise is therefore to ‘fix’ all constituent parts of the project (video, titles, theme, effects, even audio!) in the desired 16:9 aspect to avoid producing a DVD where the movie is in 16:9 and the menu is in 4:3 or where other irritating surprises lurk in your project, which you only discover after burning a coaster!
    First go to http://www.mydvdedit.com/index.php?lang=english and download myDVDedit. This is shareware although the download is free. Send the guy a few dollars/euros, he deserves it. While you are there, read all about it. Now install it in your Applications Folder. You will need it later.
    You have finished your iMovie project with music, transitions and so on, and saved it to you Movies Folder. Before you started the project you naturally set it to DV Widescreen.
    Open iDVD. Give the project a name, and save it as Widescreen if it didn’t default to the same aspect as your iMovie project. Now import the iMovie project into iDVD, choose a theme (any theme you like, even if it prefers to stay at 4:3) and save the project. Do what you would normally do to the theme and its drop zones. Save the project.
    Now save as Disk Image on your desktop. Leave it there for the moment when it has finished/appeared.
    Open your Movies Folder. Create a new folder. Name it PROJECTNAME – TS FILES (where ‘projectname’ is the name of your project!). Close the folder. You can of course call it anything you like, but this aids identification.
    Now double-click the disk image on your desktop. It contains two folders: AUDIO_TS (which is empty, but please pretend that it isn’t) and VIDEO_TS. Drag and drop these to the folder you created in your Movies Folder. (This takes a moment).
    Click on the AUDIO_TS folder and go to Get Info in the file menu. Right down the bottom is where you have to change the permissions. Under ‘Ownership & Permissions’ change this from Read Only to Read & Write. Click the small triangle next to Details, scroll down and click on ‘Apply to enclosed items’. You will be asked for your root password. Close the get info window, and now click on the VIDEO_TS folder and do the same. Close the Projectname-TS Files folder. You have now allowed yourself to change the properties of the contents of those folders, which leads us to the next all-important step.
    Open myDVDedit. Go to File and open the projectname TS Files folder. By all means stare at it shock and awe, but don’t bother finding out what it can do, except for the following:
    Top left you fill see a list of files. Lower centre you have a large window. On the vertical menu to the left of that, click te middle one (VTS or VMG).
    In the window at the top left, ignore ‘First Play’ (if there was anything to correct in that, myDVDedit will have done so and told you).
    Click on VMG Menu en (English). Now the whole thing springs to life.
    Set Coding Mode to MPEG-2 (if it isn’t already)
    Set Standard to PAL (or NTSC if that is what you want)
    Set Aspect to 16:9 (not any of the other options)
    Now save the file.
    Click on VTS Menu 1 en (English) and repeat as above.
    Click on VTS Menu 2 and repeat as above.
    You have now permanently ‘fixed’ the entire contents of the TS folder (the disk image) in 16:9 aspect. Close myDVDedit – you won’t need it again until the next project!
    If you have Toast 7 Titanium, open it. ‘Select DVD-Video from VIDEO_TS’. Choose Select from the main Toast window and select your projectname-TS Files folder. You are now ready to burn! You can set the burn speed (2x recommended) before the burn commences. Allow Toast to verify the burn before you eject the DVD-R disk.
    If you don’t have Toast 7, then I assume you can burn the projectname-TS Files folder (disk image) via Disk Utility. I say ‘assume’ only because I have never tried it that way.
    Either way, you now have a DVD which will play as 16:9 widescreen on any TV set, even the old ones where you can’t ask it to letter-box.

  • In VI Logger, Beginning Of Data button doesn't work when viewing graphs

    This button doesn't work correctly when I view logged data. Instead of jumping to the beginning, it jumps to beyond the end of the data. The other 3 buttons work fine (scroll forward and backward and go to end of data).

    In order to provide a better answer, it would help if you could post the version of VI Logger you have (if you are not sure, you can find this out in Measurement & Automation Explorer under the Software folder) as well as the operating system you are using.
    I am running VI Logger v1.1 on a Windows XP machine and the four buttons all work properly when viewing the graph of logged data. There is a known issue where the behavior you saw, with the "Beginning of Data" button not working, has appeared on a system that runs a German OS. If you are running a comparable OS then this behavior might occur and there is currently no fix for it.
    If this is not the case for you then try to provide a little more information on your system and we can look into it further. T
    hank you!
    Regards,
    Michael H
    Applications Engineer
    National Instruments
    1-866-ASK-MYNI

  • When I go to (see URL below) I cannot invoke the scripts behind tabs "Overview, Manual etc " but when I use Google Chrome the Tabs all work?

    When I use Google Chrome all the tabs with links work when I access www.bose.com.au Tabs are on URL below.
    http://worldwide.bose.com/axa/en_au/web/wave_music_system_dab/page.html
    When I use Firefox I can access the URL www.bose.com.au but the tabs for Overview, In the box, Details/Manual, Reviews, and Accessories do not. Any ideas why? I have tried clearing Cookies and Cache etc from the Firefox menu as per your Q & A set up.

    Oddly, I don't see a Reviews tab (I have Overview, In the box, Details/manuals, Accessories).
    Could you try Firefox's Safe Mode? That's a standard diagnostic tool to bypass interference by extensions (and some custom settings). More info: [[Troubleshoot Firefox issues using Safe Mode]].
    You can restart Firefox in Safe Mode using
    Help > Restart with Add-ons Disabled
    In the dialog, click "Start in Safe Mode" (''not'' Reset)
    Any difference?

  • How to upload a document from Pages to a website in Google chrome?

    I wish to upload a document from Pages to a website in Google chrome via the "choose File" button on the site. The problem is I online get the options of my Photo library. Is this even possible and if so can anyone help me?

    The only browser I know of that will accomodate document uploading is iCab Mobile (could be others in the app store I am unaware of). iCab contains its own document repositor (Downloads).

  • Why doesn't my iWeb page work with google chrome?

    Why doesn't my iWeb page work with google chrome?

    Bonjour
    Don't test your website with Google Chrome if you publish it into a local  folder.
    Publish to a server. You need an URL with http:// and ( not file://) to view an iWeb site in Chrome.
    You can also
    activate the web sharing on your computer (Preferences system > Sharing > Check web sharing)
    publish to Sites folder (MacIntosh HD > Users > Home folder >Sites)
    and use the URL (with http) given by the web sharing tab in preferences system http://computer_name.home/~user_name/site_name/

  • HT1365 Hi can anyone help with this issue regarding my wireless magic mouse? When im on google chrome and scrolling down the page i always have youtube running in the background but the audio cuts/spits/pops can anyone help me with this?

    Hi can anyone help with this issue regarding my wireless magic mouse? When im on google chrome and scrolling down the page i always have youtube running in the background but the audio cuts/spits/pops can anyone help me with this?

    The figures you mention only make sense on your intranet.  Are you still using the same wireless router.  The verizon one is somewhat limited as far as max wireless-n performace.  For one thing it only has a 2.4 radio.   I like many people who wanted wireless-n performance before they even added a wireless-n gigabit router, have my own handling my wireless-n network.

  • Image Distortion when viewing PDF on screen

    I work for a company that puts together presentations for clients. In the past we've always used PowerPoint, but are looking into pdfs as a cleaner, more elegant end product.
    While experimenting with this process, I've noticed that images I use on my pages look distorted on screen. Images with transparency often have black lines between transparent and opaque parts of the image. Also, outlines do not have consistent thicknesses. These problems only seem to occur when viewing the pdf on screen. Everything looks perfect in the authoring program (InDesign) as well as printed, but our finished product is intended for on-screen viewing so that's where it needs to look its best.
    I'm using Illustrator CS4 to create most of the illustrations and graphics, then placing them into a multipage InDesign CS4 document and export that as a pdf. Then I finish things up in Acrobat 9. I've tried saving the graphics in every format I can think of (that allows for transparency) and have not yet found one that reliably looks good in full-screen mode as a pdf.
    I'm curious if anyone else has run into this problem or might be able to help me. Thanks!

    We're having the same problem with legal documents that contain underlining. The underlining looks fine in the source document and the printed PDF. But, when the PDF is viewed online, some of the underlining looks much thicker than it's supposed to be. If the document is viewed at 175% zoom, it looks fine, but anything less than that displays the distorted underlining.
    Our internal client is not happy about this, so we're looking for answers, too.

  • Menu navigation buttons do not appear when viewing page on iPhone

    My webpage shows the menu navigation buttons on all browsers and platforms but when viewing on an iPhone they are not there. Hence you cannot view other pages. Is this a restriction of pages created in iWeb or am I doing something wrong?
    I have trawled through the discussion forum and tried tips such as the height of the menu bar from the top on the page, pixel width and making sure the menu box is at the front or brought forward.
    my website is www.sussexgolfcaptains.org

    This may or may not be of interest, but some site builders (such as weebly.com) are mobile friendly — click here:
    http://blog.weebly.com/2/post/2010/12/your-websites-are-now-mobile-friendly.html   http://blog.weebly.com/2/post/2010/12/your-websites-are-now-mobile-friendly.html
    Also, unlike sites made with iWeb, Weebly sites respond to desktop Safari's +View > Zoom In+ command — this is helpful for many who don't have perfect eyesight for reading small text. (iWeb's default font sizes are relatively small.)

  • Remove particular field and button from a screen when using pnp

    hi,
    i came to a request of remove a field and button from the displayed screen. i developed the report using logical database pnp. i need help.

    There are a couple of ways to accomplish this.
    1. Use a report category so that the only fields on the screen are those that you want.
    2. Do something like this:
          LOOP AT SCREEN.
        IF SCREEN-NAME = 'PNPTIMED' OR
           SCREEN-NAME = 'PNPBEGDA' OR
           SCREEN-NAME = 'PNPENDDA'.
          SCREEN-ACTIVE = '1'.
          SCREEN-INPUT = '0'.
          SCREEN-OUTPUT = '1'.
          SCREEN-INVISIBLE = '0'.
          MODIFY SCREEN.
        ENDIF.
      ENDLOOP.

  • Using wysiwyg text editor in drupal the latest firefox does not wrap text when viewing source code-chrome ie ok

    Using drupal ckeditor profile with wysiwyg . Firefox latest version is apparently not respecting the width of the i-frame text editor box and the text is not wrapping when viewing in source code mode. Chrome and IE are working as expected. Windows 7

    [https://support.mozilla.org/en-US/kb/where-go-developer-support Where to go for developer support]

  • PDF form not populating Subject line in email when submitted in Google Chrome browser

    Google Chrome doesn’t seem to work, but all other browser do.  In Chrome the subject line and location populate the CC: and BCC: fields in email client and not the subject line? 
    My current javascript is:
    if (email != "")
                    this.mailDoc({bUI:false,cTo:email,cSubject:location,cMsg:"Completed Employee Appointment Request Attached"});
    *I'm sure something can be added or fixed to resolve this so it will work in all browsers.  It is important to me that it work well in IE, Chrome, Firefox, and Safari.  The big four browsers anyways.
    Sample image of issue:  Basically user is forced to delete bcc: and then click send.    Thus no subject line.  Which means a manual move to location folder from inbox will be necessary, because I have rule setup to sort the inbox based on subject line.

    My final solution was to post the form and offer a link to dowload/install Adobe Reader and to also offer a link for Chrome users.
    * I will continue to look for a better solution, but at least the above is functioning.
    **I also set my bUI to true.
    Many thanks, Tim
    P.S.  I did report this to Google Chrome, heard nothing yet.  Also if you think of a better solution let me know.  I'm not familiar with javascript........I have a better understanding of HTML.......if this were HTML I would have done the below.
    <html>
    <body>
    <script type="text/javascript">
    alert("this is an alert");
    function go() {
                    alert("Hi");
                    var location = document.getElementById("location").value;
                    //console.println("location: = " + location);
                    var email = "";
                    email = "[email protected]";
                    if (location == "Select a location")
                                                    alert("You need to select a location first");
                    else if (location == "Other")
                                    email = "[email protected]";
                    if (email != "")
                                    //this.mailDoc({bUI:true,cTo:email,cSubject:location,cMsg:"Completed Employee Appointment Request Attached"});
                                                    window.open('mailto:' + email + '?subject=' + encodeURIComponent(location));
    </script>
                    This is a test
                    <input type="text" id="location" value="Select a location">
                    <input type="button" value="submit" onclick="go()">
    </body>
    </html>

  • Why does my website only not work in Google Chrome?

    I've made a pretty simple webpage just to test out the drag and drop function. This website works completely when I open it in Firefox, Internet Explorer, using an iPad and another tablet.
    However when I open it in chrome, it only displays the preloader endlessly.
    I thought it might be my publishing settings but I feel like I've tried out most combinations of different boxes ticked...
    Help would be gretaly appreciated!
    Edit:Btw the website address is dft.ba/-kettledrag

    Raffalaff wrote:
    Do you mean using the "Preview in browser" option? Because doing that with Google Chrome (just checked, I also have the latest version) works for me too, it's just when I try to publish it as a real webpage using dropbox.
    As you say, the issue may be dropbox and I'll look into uploading it to a web host
    Meaning, viewing as is - simply opening the .html file in Chrome, (locally) on my machine. Your dropbox does not include the Edge Project files for me to open and preview.
    Darrell

Maybe you are looking for