1 reply [Last post]
Last seen: 5 years 40 weeks ago
Timezone: GMT-5
Joined: 2012-01-14
Posts: 3
Points: 5

I'd like to add a horizontal scrollbar when the browser is minimized. Currently when I go to minimize the browser, the content starts to overlap on my website (www.djcarmine.com). I've tried using the css-overflow but havent gotten any results. It seems that should be the solution but it has not worked for me. Does anyone have a suggestion to my problem?

gary.turner's picture
Last seen: 17 hours 11 min ago
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9646
Points: 3714

Instead of using max-width on

Instead of using max-width on the wrapper, just set width. Or, you could set a range of widths that you'd be happy with, e.g. {min-width: 760px; max-width: 1250px;}. See my Inline-block Gallery demo, and view the common.css file for #wrapper at line 148. Play with the window's width, and watch the content expand and contract within the limits. When the window becomes too narrow, a scrollbar appears.

#wrapper {
  background-color: #fff;
  color: #333;
  margin: 0 auto;
  max-width: 1024px;
  min-width: 760px;
  overflow: hidden;
  position: relative;
  width: 90%;



If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.