[hockey97]

Hi I already made a page for my website. So far I just notice that on other computer I get different displays of the website.

like for example my display settings are set to my liking and I created the website in those settings. Well if anyone on the web has a higher resolution display settings then the website gets wider causing the background to repeate even though I used css and uset the background-repeate:no-repeate; ect

How do you solve this?? I used the px system now I read about fluid design and so I am currently converting my website to use the % system.

am I on the right track???

[roycee]

Originally Posted by hockey97

Hi I already made a page for my website. So far I just notice that on other computer I get different displays of the website.

like for example my display settings are set to my liking and I created the website in those settings. Well if anyone on the web has a higher resolution display settings then the website gets wider causing the background to repeate even though I used css and uset the background-repeate:no-repeate; ect

How do you solve this?? I used the px system now I read about fluid design and so I am currently converting my website to use the % system.

am I on the right track???

Yes, you might be using "fluid width" on your template, thats why you are getting different proportions on different resolutions..Just convert it to "fixed width" by specifying the dimensions of the body and the sidebars if any..

moreover, for not repeating the background you will be needing to put
background: no-repeat along with the axis you want to avoid repeating..

[hockey97]

I was using fixed width the problem I want is that I want the page to adjust to the users display settings. I used that background-repeat:no-repeat;

right now currently I just made a javascript using dom to get the browser window values and I plug them into the script and adjust all elements on my page to adjust according to the value of the window so the layout would stay the same way in any resolution.

[webvigor]

Using CSS and dynamic code can solve the problem. It is far easy to manage different templates for different resolutions in that way.

[hockey97]

well Right now I am working on making more than one css code and using javascript to check the users display settings and then pick which css code is suitable for that resolution.