Welcome, Guest ( Customer Panel | Login )




 All Forums
 VPCart Forum
 Customization
 Screen resolutions
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

rmgolf
VP-CART New User

United Kingdom
76 Posts

Posted - October 16 2007 :  07:07:22  Show Profile  Reply with Quote
Hi
Can anybody guide me towards some code that I can put into my pages to automatically detect the screen resolution of the visiting pc at present when I view my site it comes up different on different screen resolutions, I am building the site on a laptop so I am viewing the finished pages on this when I view the pages on a desktop computer the page only covers half the screen, and when I viewed it on a TFT screen I need to scroll to the right to see all the text on the home page.

Regards

rmgolf

norik000
Starting Member

USA
43 Posts

Posted - October 17 2007 :  19:59:59  Show Profile  Visit norik000's Homepage  Reply with Quote
well why don't you use percentage values for your width's?
lets say if you have a table set width=100% or each column to percentage size with minimum width
div.minwidth

CSS:
{
	display: block;
    min-width: 500px;
	width: 80%;
}
Body:
<div class="minwidth">You main body or outer most table goes here</div>



<s>3D</s>
Go to Top of Page

rmgolf
VP-CART New User

United Kingdom
76 Posts

Posted - October 24 2007 :  07:02:58  Show Profile  Reply with Quote
Hi
Have tried this solution may be I am getting it wrong have added the code to CSS and have put div class in the shoppageheader.asp and used the container table.
But this still have to scroll right on a desktop screen to read any text, and it has also sent the whole page to the left hand side of the pc screen. Any ideas

rmgolf
Go to Top of Page

norik000
Starting Member

USA
43 Posts

Posted - October 28 2007 :  09:48:15  Show Profile  Visit norik000's Homepage  Reply with Quote
have u modified the storefront look by any chance?
well if you are using the default code and have not touched it yet, I have to tell you that the storefront is best viewed with a 800*600 and above resolution monitors, since the "container" and "wrap" are 760px width.

Here is your fix:



#container,#wrap {
	min-width: 760px;	/* change value to adjust width */
	/* max-width: 1000px; */ /* change value to adjust width */
	width: 80%;
	text-align:left;
	margin:5px auto;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



just replace it with your current css section. so with higher res. you see a wider store.
p.s. if you need to use max-width, then you need to remove /* and */ before and after it.



-------------------------------
www.Parscat.com
<signature>3D</signature>
Go to Top of Page

rmgolf
VP-CART New User

United Kingdom
76 Posts

Posted - October 31 2007 :  06:15:08  Show Profile  Reply with Quote
Thanks for that fix have checked on a couple of different screen resolutions and it seems to be ok need to check further on the weekend with other screen resolutions. you can see the results on my site, site not yet completed but can review through VPASP screen www.bobsgolf.co.uk

Regards

rmgolf

Go to Top of Page

rmgolf
VP-CART New User

United Kingdom
76 Posts

Posted - November 06 2007 :  13:28:57  Show Profile  Reply with Quote
Hi
Have now had a chance to try this CSS screen resolution fix it has worked on some screens but if I change the screen resolution on my own machine and then view the website for a second time the header has adjusted to the new resolution but the main content and footer have not changed. How can I apply this fix to make the main and footer change width.

Regards

rmgolf

www.bobsgolf.co.uk
Go to Top of Page

spinobject
Starting Member

USA
21 Posts

Posted - May 17 2010 :  08:05:40  Show Profile  Visit spinobject's Homepage  Reply with Quote
I actually tell everyone to not worry about 800 res... no one uses it any more. I always design pages for 1024 as the minimum. there are a lot of commercial sites out there that are the same, and if someone is using 800, they are 1) probably too broke to buy anything from an ecommerce site, and 2) used to scrolling back and forth.

My other ecommerce site (not using vpasp) gets about 100,000 visitors a month, and here is the resolution list from my google analytics. You can see it is 3/4 of 1% that have 800... so I just don't go through the effort to worry about making my page resize for that small of a market share.


1. 1280x800 20,094 20.71%
2. 1024x768 16,736 17.25%
3. 1280x1024 10,493 10.81%
4. 1440x900 9,877 10.18%
5. 1680x1050 7,868 8.11%
6. 1366x768 4,668 4.81%
7. 1920x1200 3,966 4.09%
8. 1920x1080 2,614 2.69%
9. 320x396 2,083 2.15%
10. 1152x864 1,999 2.06%
11. 1280x768 1,645 1.70%
12. 1600x900 1,503 1.55%
13. 1024x600 1,454 1.50%
14. 1280x720 895 0.92%
15. 1600x1200 835 0.86%
16. 1280x960 778 0.80%
17. 800x600 752 0.78%


ps. And to bobs golf... I think a bigger problem is some of your items can't be added to the cart. when I tried to add this to the cart, it just gives me a message that says product id must be numeric. http://www.bobsgolf.co.uk/shopdisplayproducts.asp?id=7&cat=Golf+Bags

this happens when I use firefox, safari, or google chrome... It seems to work in Internet explorer, but not the others, and according to stats again, that's about 50% of your visitors instead of bothering with .78%...

1. Internet Explorer 50,017 51.55%
2. Firefox 26,770 27.59%
3. Safari 11,980 12.35%
4. Chrome 6,619 6.82%


A quick note that my site is http://www.scubatoys.com and while we ship world wide, we get a vast majority of our visits from the US, so these numbers may not be a true sampling of what your site will receive - but should be a close guess.

Edited by - spinobject on May 17 2010 08:57:04
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00