Forum PHP.pl

Witam.

Problem jest następujący:
Mam stronę:

[HTML] pobierz, plaintext 
<div id="header">
	<div class="container">	
		<ul id="navigation">
			<li class="active"><a href="#" title="Strona główna">Strona główna</a></li>
			<li><a href="#" title="O nas">O nas</a></li>
			<li><a href="#" title="Serwis">Serwis</a></li>
			<li><a href="#" title="Sklep">Sklep</a></li>
			<li><a href="#" title="Kontakt">Kontakt</a></li>
		</ul>
	</div>
</div>
 
<div id="banner">
	<div id="banner-in">
		<div class="container">
 
		</div>
	</div>
</div>
[HTML] pobierz, plaintext 

i plik ze stylami css:

[HTML] pobierz, plaintext 
@import url("reset.css");
 
body {
	font: 62.5%/2.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
 
 
.container{
	width: 900px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}
 
#header{
	height: 55px; 
	background-image: url(../images/top-back2.jpg);
	background-repeat: repeat-x;
}
 
#header .container{
	height: 55px;
	background-image: url(../images/top-back2.jpg);
	background-repeat: repeat-x;
}
 
/*
TOP MENU
*/
 
#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: normal;
}
 
#navigation{
	float:right;
	top:13px;
	padding-top: 13px;
}
 
#navigation li a{
	color: #fff;
}
 
#navigation li a:hover,#navigation li.active a{
	color: #2c2c2c;
}
 
/*-------------------*/
 
 
/*BANER*/
#banner{
	height: 200px;
	background-color:blue;
	background-image: url(../images/topek.gif);
	background-repeat: repeat-y;
	background-position: 0px 100px;
}
 
#banner-in{
	height:200px;
	background-color:transparent;
	background-image: url(../images/topek.gif);
	background-repeat: repeat-y;
	background-position: 100% 0px;
}
 
#banner-in .container{
	height:200px;
	background-color: red;
}
/*-------------------*/
[HTML] pobierz, plaintext 

Chodzi o to że w miejscu gdzie ma znajdować się baner, strona po zmniejszeniu okna przeglądarki sie rozlatuje. Po prawej i lewej stronie czerwonego banera są dwa niebieskie paski. Gdy okno przeglądarki jest zmaksymalizowane wszystko jest ok, po zmniejszeniu te paski w ogole znikają. Co robię nie tak i jak to naprawić ?

Ten post edytował virto 15.10.2007, 22:57:28

Witam

To chyba zależy co chcesz osiągnąć. Jak dla mnie wszystko jest OK. Działa tak jak napisałeś. #baner ma szerokość 100% a .container ma 900px wiec jak zmniejszysz okno to chyba naturalne że #baner się dopasuje do okna a .container bedzie sztywno trzymał swoje 900px.