Create a fixed and non-scalable web page

Question

I need to make my web page non-scalable so that divs do not collide with each other or overlap. A good example is the stackoverflow site. In the case where the user is scaled on the web page, the div should be in its original position.

When scaling is still fixed.

What changes need to be made to CSS files?

Answer 1

You must give the width in px. You should do this as a percentage if you want your layout to stay on the right when you zoom in or out.

Answer 2

In your contained elements declare a specific width.

Stack Overflows css, , .

#content {
    width: 1000px;
}

#content ,

#mainbar {
    width: 728px;
}
#sidebar {
    width: 220px;
}

, .