The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS White-space with browser resizing… Reply To: White-space with browser resizing…


The real issue starts here

.socialnavigation {
width: 960px; <---- here 
margin: 0 auto;
border-left: 1px solid #989898;
border-right: 1px solid #989898;

Firstly, by using a fixed pixel width you are telling the element never to be less than that width.

So a scrollbar appears so that the browser will let you see the whole element by scrolling sideways.

The thing that confuses me is: If I use 90%…and the person who visits my website has a browersize of 1024px than the width of my div will be 1024*90% = 921px

That’s right…but does it absolutely have to be 960px wide? If so, why?

Other than that your question is quite broad and would need a lot more going into than we really have time to do here. There are many, many articles on responsiveness you can find with a quick google search.