Unexplained 125% zoom from browser - browser

I have a jsFiddle here - http://jsfiddle.net/uncjLty7/2/ - with a 100 x 100 box. But when it runs, the width of the box on the screen is actually 125px.
It behaves as if I had the browser zoom set for 125%, but I don't. It's 100%. The example here is with Chrome but I see the same thing with Firefox. What is applying this zoom and how can I kill it?
Thanks for any help.
#box {
width:100px;
height:100px;
background-color:red;
}

Would you happen to be working with a 125% zoom in the OS itself?
To go there with win 7:
right click on your destkop
last option (customize? )
"Display" (bottom left)

Related

Resizing browser windows to 50% of the screen using Selenium

Does anyone know of a way to resize 2 windows to 50% of the screen using Selenium? Or something similar if it can't do it. I'm using Python and Chromium but again, if there is something better I am open to ideas.
Use below code for 50%
driver.execute_script("document.body.style.zoom = '0.50'")
0.50 means - 50% Zoom
1.50 means - 150% Zoom
You can get the window size by
Dimension size = driver.manage().window().getSize();
int height = size.getHeight();
int width = size.getWidth();
And set the window size by
driver.set_window_position(0, 0)
driver.set_window_size(width/2, height);

Gnome / GTK: Increase floating dock-widget "resize border" width?

I am developing an app using Qt 5.5
I have a main window with a dock, and a dockable window which can be dragged out/popped out, floating in its own separate window. (QDockWidget)
The resize border width of the main window is perfectly adequate, so resizing the main window using the mouse is very easy.
Resize margin width of main window (ie: when docked):
The space within the red border here represents the area where the mouse cursor changes to a resize cursor.
Resize margin width of undocked window (ie: when hovering):
When I pop out my docked window (QDockWidget), so that it's now floating, the resize border width drops down to a single pixel
As such, it is almost impossible to resize a floating dock window.
I am running Ubuntu Gnome 14.04, so using Gnome 3 with (I think?) Adwaita theme.
I have tested this on default Ubuntu 14.04, so using Unity, and this is not an issue there (the resize border width is several pixels, so much easier to "find" with the mouse)
Question:
How can I configure Gnome 3 / Adwaita to increase this border width?

NSDocument - setting a reasonable starting location for the window

I'm playing about with the most recent NSDocument in a Swift document-based-app. One thing that's a bit odd is that the starting location for a new window is near the bottom of the screen.
Playing with the Storyboard a bit, its not clear how to use the built-in settings to come up with a reasonable "near the top" selection - the setting moves up from the bottom, not down from the top, so the position would change depending on the screen size?
I assume there's a position mechanism I can hook, but it's not obvious in the shell code that's supplied. Any hints?
OS X coordinate system is flipped in contrast to iOS. So the 0,0 is the bottom left corner.
You can calculate the position of your window in similar manner (any screen size)
CGFloat width = NSWidth([self.window screen].frame);
CGFloat height = NSHeight([self.window screen].frame);
[self.window setFrame:NSMakeRect(100, height - 100, width, height) display:YES];
Most easiest is to set initial height to 900 and forget about it and enable window restoration -> this will cause to open the window where it previously was and this is where it user wants.
Select your window in Storyboard. And fill initial position coordinates

IE 6 Export Menu size issue

In IE 6 Highstock chart exports menu width is not getting properly displayed, its taking the maximum width but lesser than the chart width whereas it has to take the width based on the menu items as in IE 8/9.
The same is working fine in IE 8/9.
Thanks in advance
The easiest way to fix it for me was to put this in my css:
.highcharts-contextmenu{
width: 200px;
}
works for me with IE6->10
hope this will help

100% Width Creating Horizontal Scroll Bar

I'm creating a fluid website where the width is set to 100%. Everything works fine, but I've noticed when I shrink the browser width to around 751px, a horizontal scroll appears. Problem is, I've set the min-width to 737px. I don't have any padding on the container div, and the margins are set to auto. Could it be that the vertical scroll bar's width is causing this?
My demo site is located at http://stevepolitodesign.comlu.com/
Scrollbar appears at 737px for me, what browser are you using? I was using Safari (latest, ML)
Nice website, by the way!

Resources