Treehouse: Grow your CSS skills. Land your dream job.

Webpage not fit on the screen?

  • # November 22, 2012 at 5:48 am

    I developed web application which is perfectly fit on my machine screen.but when i run my application on another machine screen it not fit on the screen.It display horizontal scroll bar on my website.So please help me to solved my problem.

    # November 22, 2012 at 5:52 am

    What is the width of your website application? Does it have a fixed with (it sounds like it does)

    # November 22, 2012 at 6:01 am

    The width and Height is 100%.

    # November 22, 2012 at 6:05 am

    Then we’re going to have to see it in action to assist. Can you provide a link?

    It sounds like you have an element (or a series of elements when combined) which is too wide (for whatever reason) for the small screen.

    # November 22, 2012 at 6:59 am

    Probably padding/margins causing this I imagine. Padding adds to the width unless you specify box-sizing: border-box.

    # November 22, 2012 at 7:17 am

    @andy_unleash In general this is true but the width is ** _said to be_** 100%*

    *which is silly in and of itself because all divs are 100% width unless you specify a width which where the box-sizing comes in.

    # November 22, 2012 at 7:25 am

    I bet £100 he has padding that’s causing this problem.

    # November 22, 2012 at 8:21 am

    LOL. I’m more inclined to think there are some px widths in the content somewhere…

    …and padding :)

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.