Резинка не поддается

[mayse]

Уже не первый день мучаю код. Завтра срок сдачи, времени нет!

Просьба помочь, как можно сделать вот такой хэдер...

[SelenIT]

В чем именно трудность? Высота самого хэдера фиксированная?

[mayse]

В чем именно трудность? Высота самого хэдера фиксированная?

Решил свою задачу славу богу. Спасибо за ответ, кому интересно вот код:

	<div class="header">
			<div class="header_logo"></div>
			<div class="header_seach"></div>
			<div class="header_contacts">
				<img src="img/ekb.png" />
			</div>
			<div class="menu">
				<ul>
					<li class="yes"><a href="#">Главная</a></li>
					<li class="yes"><a href="#">О нас</a></li>
					<li class="yes"><a href="#">Услуги</a></li>
					<li class="yes"><a href="#">Достижения</a></li>
					<li><a href="#">Контакты</a></li>
				</ul>
			</div>
			<div style="clear:both;"></div>
	</div>

/*HEADER
——————————————*/
.header {
    background-color:#fff;
	margin:auto;
	height:283px;
	position:relative;
	margin:0 0 15px 0;
}
.header_logo {
	width:284px;
	height:167px;
	background-color:#91A398;
	margin:0 12px 0 23px;
	position:absolute;
}
.header_seach {
	height:40px;
	background-color:#B4C1B9;
	margin:0 5px 8px 320px;
}
.header_contacts {
	height:120px;
	background-color:#DFDFDF;
	margin:0 5px 0 320px;
	text-align:right;
}
.header_contacts img {
	margin:7px 9px 0 0;
}
.header_contacts_text {
	text-align:left;
	font-size:18px;
	color:#6A6A6A;
	padding:16px 0 14px 19px;
	float:left;
}
.menu {
	width:auto;
	height:28px;
	margin:18px 0 0 23px;
	background-color:#F4F4F4;
	padding:8px 0 0 0;
	position:absolute;
}
.menu ul {
	list-style-type:none;
}
.menu ul  li{
	display:inline;
}
.yes{
	padding:0 22px 0 0;
}
.menu ul  li a{
	color:#33605A;
	font-size:16px;
	font-family:Georgia;
}

[mayse]

Возникла еще одна проблема, прошу помощи.

Edited July 8, 2011 by mayse

[SelenIT]

Насколько я в курсе, с абсолютным позиционированием — никак. Придется использовать какую-то из множества техник равновысоких колонок на float-ах (напр., такую)...

[psywalker]

mayse, А почему бы не сделать общий контейнер, а в него уже засунуть все колонки?

[mayse]

mayse, А почему бы не сделать общий контейнер, а в него уже засунуть все колонки?

<div class="content"> - это и есть общий...

[psywalker]

mayse, А почему бы не сделать общий контейнер, а в него уже засунуть все колонки?

<div class="content"> - это и есть общий...

Ну тогда не получиться в него засунуть абсолюты и сделать колонки из них, как и сказал SelenIT.

А у тебя сайт фикс ширины? И покажи картинку того, что должно получиться. Т.е. меня фон интересует.

[mayse]

mayse, А почему бы не сделать общий контейнер, а в него уже засунуть все колонки?

<div class="content"> - это и есть общий...

Ну тогда не получиться в него засунуть абсолюты и сделать колонки из них, как и сказал SelenIT.

А у тебя сайт фикс ширины? И покажи картинку того, что должно получиться. Т.е. меня фон интересует.

Вот...

Резина отмечена знаком - %, а и основной див, растягивается.

[psywalker]

Ну так у тя фон белый будет, а по бокам тенюшки чтоли?

[mayse]

Ну так у тя фон белый будет, а по бокам тенюшки чтоли?

Ага, в 3 главных дивах сделано.

upd: Я уже договорился с заказчиком, что сейчас я поставлю на .center {max-height:1200px;}. Вроде как говорит там ничего менять не собирается. Но, ради интереса уже, вопрос, как лучше делать 3 колонки.

Edited July 8, 2011 by mayse

[psywalker]

Ну так у тя фон белый будет, а по бокам тенюшки чтоли?

Ага, в 3 главных дивах сделано.

upd: Я уже договорился с заказчиком, что сейчас я поставлю на .center {max-height:1200px;}. Вроде как говорит там ничего менять не собирается. Но, ради интереса уже, вопрос, как лучше делать 3 колонки.

Ну тогда нафига абсолюты городить? Можно ж тупо сделать три колонки и пусть себе тянуться, фон то всё равно белый у всех.

[mayse]

Ну тогда нафига абсолюты городить? Можно ж тупо сделать три колонки и пусть себе тянуться, фон то всё равно белый у всех.

Хорошо, спасибо за дискуссию.

пс: С победой в конкурсе.

[psywalker]

Ну тогда нафига абсолюты городить? Можно ж тупо сделать три колонки и пусть себе тянуться, фон то всё равно белый у всех.

Хорошо, спасибо за дискуссию.

пс: С победой в конкурсе.

Не за что. А конкурс уже прошёл))

[Softlink]

mayse, а можно сейчас конкретно сформулировать задачу?

В начале у вас была проблема с хедером, потом перешло все в абсолюты и футер, а закончили тем, что надо сделать резину.

Что конкретно сейчас надо решить? Я так понял задача еще не закрыта?

На скрине у вас явно не резиновый макет, однако у футера, хедера и средней колонки показана ширина в %

[mayse]

mayse, а можно сейчас конкретно сформулировать задачу?

В начале у вас была проблема с хедером, потом перешло все в абсолюты и футер, а закончили тем, что надо сделать резину.

Что конкретно сейчас надо решить? Я так понял задача еще не закрыта?

На скрине у вас явно не резиновый макет, однако у футера, хедера и средней колонки показана ширина в %

Мало опыта, постоянно сталкиваюсь с различными препятствиями. Решения находится само собой и поэтому написал (в теме) кучу всего, чего и сам в состоянии решить. Не справился только с footer'ом, но вышел из положения. Уже знаю решение, сделать три колонки в одном диве, без позиционирования, float:left; - как я понял будет все отлично тянутся вниз, не залезая под footer, обязательно попробую в свободное время.

У основного дива - width:80%;. Заказчику обязательно требовалось видеть задний фон и центральный блок должен быть резиновым. С задачей я справился, все готово, сейчас прикручивается.