Fixed Webpage size

Posted on 2011-10-06
Last Modified: 2012-05-12
I have an intranet site for our company where everything fits perfectly in a 1280x800 resolution. However, some users like to use the 800x600 resolution to see other applications or sites better. I was wondering if there is a way set a webpage where the content size stays fixed no matter the screen resolution.
Question by:abgtemp
    LVL 28

    Expert Comment

    You will need to apply CSS to the pages. You can simply set the main content width to 100% and it will take care of the problem, but it might break the layout a bit. The other option would be to use CSS media queries:

    Author Comment

    I'm sorry, I think my question may wasn't that clear. I'm actually looking for a way to keep the font and image sizes the same size, no matter what the user sets their screen resolution to.
    LVL 28

    Accepted Solution

    That is a little more difficult to do, but you can do that using the media queries too. You just have to make sure all your images have styles applied that will increase/decrease based on the window size.

    Personally, I don't think it is worth what you are trying to do - assuming I understand you correctly.

    Featured Post

    Free Trending Threat Insights Every Day

    Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

    Join & Write a Comment

    Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
    In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

    734 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    24 Experts available now in Live!

    Get 1:1 Help Now