Hi all,

I want to make scroll bars appear when I resize the window(for the entire web page). At the moment the image in the header is just cut off at both ends, with no scroll bars.

What do I need to do to the following code to make this happen?

body{
	overflow: auto;
	background-color: #1a218e;
	background-position: center;
	text-align: center;
	overflow: auto;
}
div#header {
   margin-top: 50px;
   margin-bottom: 50px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
	color: white;
	text-shadow: black 1px 1px 2px;
	font-size: 40px;
	font-weight: bold;
	font-family: fantasy;
	height: 250px;
	width: 92%;
	display: block;
	background-color: blue;
	background-image: url(...);
	background-position: center;
	background-repeat: no-repeat;
	text-align: right;
}

Not sure what you want to do here? Browser windows have scroll bars buildt into them if you minimize or resize the browser window, it is not something you have to ad. Wen I look at anything that is larger than my screen resolution, my browser ads the scroll bar.

overflow: auto; is within your web page body, and should create a scroll bar only if the content in the body overflows the size of the body container. It will do nothing with your browser window.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.