Задать вопрос
@pashulke
html

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

Не получается сделать резиновую вёрстку. Вот 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%}
  • Вопрос задан
  • 3492 просмотра
11 комментариев
Подписаться 5 Оценить 11 комментариев
Решения вопроса 1
Zoxon
@Zoxon
Веб-разработчик
Картинки не отображаются по тому что блоки пустые, они схлопнулись
Ну и указанных проблем не наблюдаю
jsfiddle.net/Zoxon/agUX4/1/show
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать нейросеть на python с использованием tensorflow
01 мая 2024, в 19:04
5000 руб./за проект
Настройка Яндекс Директ
01 мая 2024, в 18:22
15000 руб./за проект
Сделать софт на requests (post-get запросах)
01 мая 2024, в 17:58
10000 руб./за проект
Ещё заказы