Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 05.04.2014, 18:16   #1
Андрей79
Пользователь
 
Регистрация: 15.02.2009
Сообщений: 63
По умолчанию Адаптивная верстка сайта

Здравствуйте, прошу помощи компетентных людей.

При верстке "резиновой шапки" есть следующие проблемы - блоки съезжают один под другой при изменении размеров окна, а хотелось бы, что бы они не выстраивались в столбик, а уменьшались размером.
Код
Код:
<div id="headblock">
			<div id="logo_left">
			</div>
			
				<div id="head_center_top"><h1 class="site-title">Инженерные Системы Экологии</h1></div>
				<div id="head_center_bot"><h2 class="site-description">Эксперт чистого вохдуха</h2></div>
				<div id="logo_right">текст 
			</div>
			</div>
И CSS
Код:
#headblock {
    
    position: relative;
	background: url(images/head_fon.png) repeat-x;
	color: #141412;
	display: block;
	margin: 0 auto;
	max-width: 1024px;
	min-height: 156px;
	padding: 0 0;
	text-decoration: none;
	width: 100%;
}
#logo_left {

    float: left;
	background: url(images/logo_left.png);
	color: #141412;
    display: block;
	margin: 0 0;
	max-width: 250px;
	min-height: 156px;

	padding: 0 0;
	display: inline;
	width: 100%;
}
#head_center {
    
	
	float: left;
	max-width: 600px;
	min-height: 156px;
	padding: 0 0;
	text-decoration: none;

	width: 100%;
}
#head_center_top {
    float: left;
	max-width: 600px;
	width: 100%;
	min-height: 110px;
	padding: 4.2% 0 0 0;
	text-decoration: none;

	
	
}
#head_center_bot {
    float: left;
	max-width: 600px;
	min-height: 46px;
	padding: 0 0;
	text-decoration: none;
	top: 78px;
	width: 100%;

	text-align: right;
}
#logo_right {
    float: right;
	
	
	color: #cccccc;
	display: block;
	margin: 0;
	max-width: 15%;

	height: 156px;
	padding: 3.3% 0 0 0;
	display: inline;
	width: 100%;
	
}
Андрей79 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Верстка адаптивного сайта NohnaimeR HTML и CSS 1 27.03.2014 10:54
Разработка сайта на joomla и верстка maks84zp WordPress и другие CMS 1 21.05.2013 00:06
Верстка сайта прогрмма Obey177 HTML и CSS 4 15.10.2010 05:22
Верстка сайта, display. Soldier3 HTML и CSS 1 19.08.2010 23:48
Верстка мини-сайта borisn Свободное общение 3 20.04.2010 14:06