treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Webpage not fit on the screen?

  • 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.

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

  • The width and Height is 100%.

  • 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.

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

  • @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.

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

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

    ...and padding :)