Не получается сделать резиновую вёрстку. Вот 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%}