March 9, 2015 at 05:17 UTC - Views: 31 #17460
Looking at the link http://fyctest.kencooperjr.com/ the web page, on my monitor, does not take up the entire width of t he monitor screen. If I resize the screen it will but t he default size does not.How to fix this?Thanks – KenMarch 9, 2015 at 05:36 UTC #20489scramblerModerator
Set the theme width you want in Main Options > Wrapping Areas > Wrapper Area > Theme width boxMarch 10, 2015 at 03:26 UTC #20490
This solved the Page width question – ThanksWhy is the Standard width is 940px.for a theme – I assume this is a WP standard and not JUST a Weaver Xtreme ‘standard’?Thanks – KenMarch 10, 2015 at 14:37 UTC #20491robfosterParticipant
Not every website is designed to be full screen, 940 px wide is an average size for a websiteMarch 10, 2015 at 16:19 UTC #20492BobthearchParticipant
Full screen websites can be really obnoxious on a large widescreen monitor.March 10, 2015 at 16:50 UTC #20493
robfoster – 940 px seems like a weird number as opposed to 1024 px. I assume 940 px is not a STANDARD but a generally accepted value? Why not use a relative value (%) for screen width as opposed to an absolute value? I see some advantage to using % as the page would occupy the same relative space on a monitor as to opposed to a fixed width. Seems like a % would address Bobtearch’s comment?Any other comments regarding this will be appreciated. – Thanks – KenMarch 10, 2015 at 17:07 UTC - Views: 3 #20494scramblerModerator
First everything is possible % max width etc. By default the theme uses max-width with the value you specify as this is usually the best way to handle a site. You can use the containers (header / container / footer) width box to use a %width.
What matters is not how much space is outside of the site, what is important is the site itself. On small browsers / screens, a percentage width would always leave some space on the sides, even when there is not enough space for the actual site content. It would be a waste of screen real estate. This is why even if you set a Width % for the header / footer / container, when the screen/browser gets to the mobile size, it will remove the percentage and use the full available width.
Ultimately this is a matter of what the site is about and personal preference, but I am pretty sure that for the vast majority of cases, a Max-width is the way to go, with eventually some background extensions.
You can read about full width design in the tutorial below to experiment.March 16, 2015 at 01:51 UTC #20495
ThanksMarch 16, 2015 at 16:39 UTC #20496WeaverKeymaster
There is a very good rational for 940px, although it might be a bit historical at this point. It was, as you guessed, not Weaver’s number, but came from the Twenty Ten theme.
It is based on 1024px width, which was perhaps the most common screen width, and still is for cheap notebooks and some tablets.
But the theme width is the width of the page viewport within a browser, and does not include the browser borders and vertical scroll bar. It was found that the 84px left over from 940 would allow most browser to fit without a horizontal scroll bar on 1024px screens.
- You must be logged in to reply to this topic.