Hello. I have a website that is Html and CSS. I offer picture services and ppl come to my site to see their pictures. I am going to study php to lock my site and require registrations. partyprinceproductions.com But what I want to know now, is the best way to make my site look great for different screen resolutions and mobile devices? Should I create different Html and CSS files for the main resolutions? 1024x768, 1280x768, 1600x1150 or whatever. And if I do that, how will I get them to read the users screen resolution and output the appropriate file? Please keep in mind that I do plan on making this into a Php site and need everything compatible. So I want to be able to read the users screen size, and output maybe 3 different web pages for desktop and 1 for mobile. ALLLLLLLL suggestions, and recommendations appreciated.
The best practice would be to use fluid CSS. That way this issue is non-existent. Can you elaborate on your website or provide a link? Our comments would then be more accurate and useful. This seems quite hacky, I've never had to put this amount of effort into keeping a consistent layout.
I was considering Javascript... But some people dont use it because some people disable Javascript? I was still going to use it, but I am just thinking about the future. When I use Php, and create a Dynamic site, will this method still work? Fluid seems like the best option so that the shortcomings of Javascript wont deter people from the site. But what about a mobile version of the site. My site partyprinceproductions.com is going to have a user registrations and most importantly pages for them to view pics from event- and I NEED to build a site compatible for Smartphones and eventually Tablets. So using fluid, I can still make it work for Mobile phones, even though it is a huge difference in screen size?
Have you browsed the internet on mobile devices? They're not as temperamental as you fear. I've never had to think or work specially toward mobile device compatibility when creating websites. Web Development is about meeting standards. Having well written, clean HTML/CSS and optimised load time is what you should concern yourself with. It's the device's job to scale images to the resolution.