More Display Problems

User 2172730 Photo


Registered User
96 posts

I am starting a new web site and can't get what posts on line to match what I'm seeing in VSD. I went to Start > Control Panel > Display > Resolution. My screen is set to "Small" which is 100%. The resolution is as high as it can go here on Windows 8. It's set to 1920 x 1080, which it recommends.
I'll attach two screen shots here. These will show what I see on VSD, including where and how it ends. Notice how centered the image and text is compared to the wallpaper. I have that set at 850 x 2500. Also, notice much space there is at the bottom left over.
Attachments:
User 2172730 Photo


Registered User
96 posts

Here are the two pictures of the same thing after it went on line. Notice how much blank space is on the right in the wallpaper, and also notice how the text ends right at the bottom of the page with no extra space left.
Attachments:
User 2172730 Photo


Registered User
96 posts

My other history page, www.mscivilwar.com looks fine in VSD and fine on the web.
User 2140875 Photo


Registered User
367 posts

Can we have a link to your site??

Also, look at the page properties and make sure you have "Center Design" checked.
User 2172730 Photo


Registered User
96 posts

I overlooked the "Center Design" check box. It's centered up now, but even through I reduced the width, the web site still looks much too wide. I wonder if that particular background is just going to expand to fill whatever size screen it recognizes.

www.coffeevillescrapbook.com

Thanks!
DS
User 2147626 Photo


Ambassador
2,958 posts

Also, look at the page properties and make sure you have "Center Design" checked.

I think Galen has nailed it. That's what it looks like to me. :cool:

http://gunsmoke.me/cloud/graphics/centerdesign.jpg
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2172730 Photo


Registered User
96 posts

That last comment gave me an idea. I checked my Civil War page, www.mscivilwar.com and some other sites I have. The background always covers the whole screen. I guess it just looks funny with the vintage wallpaper pattern in www.coffeevillescrapbook.com.

Thanks again. If you see anything else I should know about, please send along.

DS
User 2147626 Photo


Ambassador
2,958 posts

If you use a 'repeating' background image it will fill the whole screen, on any monitor. Your web page should still be centered on that screen if the 'Center Design' is checked.

Let us know if you need anything more. :cool:
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 271657 Photo


Ambassador
3,816 posts

Don, you could give your page a background color, such as white, then the pattern would only show beyond the page borders. You can find that option under Page Properties.
See an example here (white page over blue pattern):
http://line25.com/tutorials/basic-web-p … s-with-css
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 104702 Photo


Registered User
293 posts

There's another nice trick to solve this problem and that is: make the background picture 'fixed', i.e. it doesn't move while somebody uses the scrollbar, only the content of the page scrolls up and down. You have to add a 'style' to the header to accomplish this
------------------------------------------------------------

<style type="text/css">
body {background-attachment:fixed;}
</style>

-------------------------------------------------------------

copy the text inbetween the lines and paste it in the 'header' of your page. To do this, go to 'Edit' (in VSD of course), choose 'Edit header' and paste it there. Now you can make your page as long as you want and yet your background image will have no white spaces (if it is large enough of course to fill a large screen completely). It is static now.Thanks to Eric for this great tip. I use it all the time!

Success, John
John van Hulst

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.