0

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;
}
2
Contributors
1
Reply
3
Views
6 Years
Discussion Span
Last Post by Kraai
0

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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.