Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
Why is it that on my monitor (21,5 in. 1080p) and on other monitors, all the same theoretical size, PC and Mac, the page displays...10% bigger!
I have to adjust the display size on the monitor to 90% in order to view the whole page as I designed it.
How does on control display sizes to take into account different screens?
If I set my monitor to 90%, I can see all the page as I designed it. However, most monitors are 100% zoom by default. At that setting, the page is not displayed in its entirety.
Since I have the PAGE CONTAINER set at fixed/1140px, should I put it at Auto?
Offline
10% bigger than what?
can you post a link so that others can take a look?
can you post screen shots comparing what you see with what you expected?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Here is an example : http://pideja.ca/display.jpg
Set on a black background, to aid in identification, these two screen shots show the web page when the browser window is set at 100% (top) and at 90% (bottom).
I've tried this on multiple monitors, PC and Mac, most but not all at my screen's resolution witch is 1080p (1920x1080), and in every case this happens.
The Page Container is set at auto/1140, all Margins, Paddings and Borders set at 0.
See it live here : http://lucnadeau.ca/fr/info.php
Offline
umm.... I just looked at your custom css. You've got php code in there that should be in your phplugins file.
that code to conditionally apply custom css belongs in your phplugins.php file
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
also, background-repeat: no; is not a valid css rule
http://www.w3schools.com/cssref/pr_back … repeat.asp
use background-repeat: no-repeat;
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
my monitor is only 1600px wide, therefore I can't see what you see unless I stretch the browser across my two monitors. So no matter what you see, someone else will be seeing it differently unless they have a monitor of the same width and their browser is full screen.
If you're concerned about that little graphic flourish in the lower left, one idea would be to copy that out from the original and use it as a separate graphic, adding it to the background image rule in your custom css. Then position it where you need it.
You can place more than one image using background-image
http://www.w3schools.com/cssref/pr_background-image.asp
and you can position the two images by separating the positioning using a comma:
background-image: url(/phplugins/images/background-image.png), url(/phplugins/images/flourish.png);
background-position: center top, 40px 150px;
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Found this suggestion on http://www.w3schools.com/cssref/css3_pr … d-size.asp and, after trying a few settings, I settled on this, in the CSS file:
body {
background-attachment: fixed;
background-image: url(/phplugins/images/background-image.png);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
Haven't tried it on all systems, but works for me for now.
Offline
Pages: 1