Auto size for screen resolution

Home » Forums » Website Design and Development » Auto size for screen resolution


Registered User
150 posts

Hello, I just thought I would ask this, as, though I'm a newbie to websites, I wondered if there were any calls or html code available that I could have in the header area of my index.html file, that would enable auto detection and my website to be full screen on any pc.

Things move on at light speed and yet there still seem to be areas that are not achievable. My site goes beyond the screen boundaries on some pc'c i have used.

As screen resolutions have come a long way since 800x600, I run 1680x1050 and the site is ok.

Thanks for your patience..... :)

Regards
Peter Peter
www.manxmaniac.co.uk


Ambassador
1,462 posts

Have you tried using percent sizes rather than pixel sizing? Volunteering to help :)
http://davidwilson.coffeecup.com/


Registered User
150 posts

Hello, Thankyou, I havent tried that yet, am not sure how just now...

But I think my question has been answered

Regards
Peter Peter
www.manxmaniac.co.uk


Registered User
11 posts

A related question: I'm wanting to use max-width:1000 AND width:90% at the same time. The idea is to use 90%, but never exceed 1000. Primary reason is that at my normal resolution 1920x1200 it's harder to judge the appearance.

The width:90% always takes precedence, max-width:1000 (or any other value) is always ignored.

Any way to fill the screen to a certain percentage, but not to exceed x px? Larry


Senior Advisor
6,651 posts

Try this, according to what I just tried in an example setup it worked, add this to your CSS file or to your inline <styles> area

elementnamehere {
min-width: 90%;
max-width: 1000px;
}

Found this info here:
http://www.w3schools.com/css/css_dimension.asp Jo Ann

http://lbwebsites.com just recently completed and open :)
http://northbaldwinliteracycouncil.org .... Our local Literacy Council

Due to spammers the below sites are not viewable outside the US, sorry guys :(
http://proudayou.com - My sons website for his music business
http://rockinwithmainstreet.com - My brother's band website


Registered User
150 posts

Hello Wolverana,

That's very interesting, I have put it into my index file, things look the same when viewing it though...

May I ask, does this enable me to set the way my web pages appear on the internet, and do/can I modify those parameters to enable my site to be seen properly by everyone?.

What would I have to change to enable that, is 800 x 600 a standard still?

Peter

Peter
www.manxmaniac.co.uk


Senior Advisor
6,651 posts

just change the % & px amounts to whatever you need them to be, it seemed to work well on the test setup I was using at w3schools site for it here:

http://www.w3schools.com/css/css_dimension.asp Jo Ann

http://lbwebsites.com just recently completed and open :)
http://northbaldwinliteracycouncil.org .... Our local Literacy Council

Due to spammers the below sites are not viewable outside the US, sorry guys :(
http://proudayou.com - My sons website for his music business
http://rockinwithmainstreet.com - My brother's band website

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.