Good day to all!

The goal is to make a rubber site, the maximum width is 1280px, the minimum is 1024 (at a resolution of 1024px there should not be a horizontal scroll bar). Is it possible to somehow solve this problem without changing min-width:1024px to less?

  • In the code 1024px, and in reality 1024px + 17px vertical slider. Is that a problem? - Cypher
  • I'm sorry, but @cypher you write nonsense! what the hell + 17px ??? - Artem
  • The browser's vertical scrollbar is about 17px wide. It depends, of course, on OSes and the browser. If you extrude a width, or a minimum width of 1024px, then a horizontal scroll appears on the display 1024px wide because of this vertical scroll. I am wrong? - Cypher

3 answers 3

Sites never typeset for clear screen resolution

Suppose if 1024px * 768px then there is clearly not 1024 that needs to be done but less, for 1024 is the full screen resolution, and the browser also takes up some of the width for this and the layout should be slightly less than 960px.

+ We look at the answer @thunder, which is also possible as an option

  • I completely agree. - thunder
  • Shrek is right :). For example, in older versions of opera, part of the browser functionality was placed in a vertical menu, 70 pixels, pressed to the left edge. This is a significant piece of width. Now this menu seems to have been rendered as in most browsers, but I think that there is a setting that returns a column view. Also, users sometimes make the bottom panels of the system (with start-up, Quiclanch, tray, etc.) on the side. Another vertical slider that I mentioned. - Cypher
  • And 960px is the most popular option also because it is the size of the modular grid that came from the print shop in web design : sixrevisions.com/web_design/the-960-grid-system-made-easy But this is, first of all, of course, to the designers. - Cypher
  • Everything is very clear, many thanks for the help. Now I know. - Karalahti

This means that some element gets out of the screen.

    Try overflow-x: hidden; In general, these are errors in the layout, but if you do not want to look for them, this method sometimes helps.

    • 2
      .... what is not right))) in the sense of "not to search, but to score" for mistakes))) so you will not learn anything and will continue to do them - thunder
    • absolutely agree, but it suits some;) - invincible
    • and do not argue;) - thunder