Question : Width of header/footer repeated image when window is shrunk

Hey all,

I have this interesting scenario and i'm wondering if someone could assist me since it's been something that even stumped my buddy who works in web dev.

I don't like giving out links usually so i will explain this problem using images.

My concern is when I minimize the browser below the initial width of my container; upon scrolling to the right, i notice that the repeated bg image i'm using for the header and footer are eventually stuck once i've scrolled beyond the new browsers width.

My width is set to 100%, so my css is just doing what it's told, however i'm wondering if anyone has a solution to this problem that I've seemed to had time and time again on other sites.
Attachments:
 
1.jpg (179 KB)  (File Type Details) 
Original
Original
 
 
2.jpg (84 KB)  (File Type Details) 
New browser size
New browser size
 
 
3.jpg (78 KB)  (File Type Details) 
After scrolling to the right, the header bg is stuck.
After scrolling to the right, the header bg is stuck.
 

Answer : Width of header/footer repeated image when window is shrunk

Try adding:

   min-width:900px;

to your CSS rule for #header, within style.css
1:
2:
3:
4:
5:
6:
7:

#header {
	width: 100%;
	height: 132px;
	background: #fff url(../images/header_bg.gif) repeat-x top left;
	top: 0px;
	min-width:900px;
}
Random Solutions  
 
programming4us programming4us