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.