Резиновая вёрстка

Не получается сделать резиновую вёрстку. Вот CSS:
backgrund - это глобальный контейнер. Дело в том, что под любое разрешение, кроме тех, что больше full hd, он показывает только первую половину экрана.
В общем, на 240*320 отражается тоже, что и на 1024*800 - половина экрана.
В чём проблема?

HTML:
<body>
      <div id="background">
        <div id="header"><img src="img/header.png"></div>
        <div id="content_1"><img src="img/content_1.gif"></div>
        <div id="mid"><img src="img/mid.gif"></div>
        <div id="content_2"><img src="img/content_2.gif"></div>
        <div id="footer"><img src="img/footer.jpg"></div>
      </div>
	 </body>

CSS:
body {
	margin: 0;
	padding: 0;
 }
 
 #background 
{ 
     max-width: 2560px;
     min-width: 120px;
	} 

img {
	border:none;
}

a:link {
	color:#000;
	text-decoration:none;
}

a:visited {
	color:#000;
}

#header 
{


}

#content_1 
{

}

#mid
{

}

#content_2
{

}

#footer
{

}

Картинки использую, т.к. background в CSS почему-то не отображается.

РЕШЕНИЕ:
img {width: 100%}
  • Вопрос задан
  • 3494 просмотра
Решения вопроса 1
Zoxon
@Zoxon
Веб-разработчик
Картинки не отображаются по тому что блоки пустые, они схлопнулись
Ну и указанных проблем не наблюдаю
jsfiddle.net/Zoxon/agUX4/1/show
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы