1 reply [Last post]
carmine
Offline
newbie
Last seen: 2 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
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 59 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9230
Points: 3236

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%;
  }

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.