Высота левой колонки сайта по содержимомму

[Николаич]

Добрый день.

Нужно чтобы серые квадраты повторялись по вертикали в зависимости от содержимого.

	  
<table  cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td  style="width:966px; height:100%">

<table  cellspacing="0" cellpadding="0" border="0">
<tr>
<td  style="width:42px; height:780px"></td>
<td  style="width:876px; height:780px">

<table  cellspacing="0" cellpadding="0" border="0">
<tr>
<td  style="width:876px; height:100px">

<table  cellspacing="0" cellpadding="0" border="0">
<tr>
<td  style="width:435px">
<br style="line-height:20px">
<a href="/"><img width="150" height="55" alt="Meritec" src="/templates/nesterov_product/images/logo.png"  border="0"/></a>
</td>
</tr>
</table>

</td>
</tr>

<tr>
<td  style="width:876px; height:565px">

<table  cellspacing="0" cellpadding="0" border="0">
<tr>
<td  style="width:226px; height:565px">

<table  cellspacing="0" cellpadding="0" border="0" width="226px">
<tr>
<td style="width:113px; height:113px"><a href="/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('back_internal','','/templates/nesterov_product/images/back_internal_a.gif',1)"><img src="/templates/nesterov_product/images/back_internal.gif" name="back_internal" alt="На главную" border="0"></a></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('product_internal','','/templates/nesterov_product/images/product_internal_a.gif',1)"><img src="/templates/nesterov_product/images/product_internal.gif" name="product_internal" alt="Продукция Meritec" border="0"></a><br></td></tr>
</tr>

<tr>
<td style="width:113px; height:113px"><img src="/templates/nesterov_product/images/pic1_1.gif" alt=""><br></td>
<td style="width:113px; height:113px"><img src="/templates/nesterov_product/images/pic1_1.gif" alt=""><br></td>
</tr>

<tr>
<td style="width:113px; height:113px"><a href="/produktsiya_meritec/zamki/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('zamki_internal','','/templates/nesterov_product/images/zamki_internal_a.gif',1)"><img src="/templates/nesterov_product/images/zamki_internal.gif" name="zamki_internal" alt="Замки капота" border="0"></a><br></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/immobilajzer/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('immobilajzer_internal','','/templates/nesterov_product/images/immobilajzer_internal_a.gif',1)"><img src="/templates/nesterov_product/images/immobilajzer_internal.gif" name="immobilajzer_internal" alt="Иммобилайзер" border="0"></a><br></td></tr>

</tr>

<tr>

<td style="width:113px; height:113px"><a href="	/produktsiya_meritec/signalizacija/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('signalizacija_internal','','/templates/nesterov_product/images/signalizacija_internal_a.gif',1)"><img src="/templates/nesterov_product/images/signalizacija_internal.gif" name="signalizacija_internal" alt="Автомобильные сигнализации" border="0"></a></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/moduli/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('moduli_internal','','/templates/nesterov_product/images/moduli_internal_a.gif',1)"><img src="/templates/nesterov_product/images/moduli_internal.gif" name="moduli_internal" alt="Дополнительные модули" border="0"></a><br></td>

</tr>

<tr>
<td style="width:113px; height:113px"><a href="/produktsiya_meritec/gps/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gps_internal','','/templates/nesterov_product/images/gps_internal_a.gif',1)"><img src="/templates/nesterov_product/images/gps_internal.gif" name="gps_internal" alt="Охранное устройство Meritec GSM page (GSM/GPS)" border="0"></a></td>

<td style="width:113px; height:113px"><a href="/produktsiya_meritec/gsm/index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gsm_internal','','/templates/nesterov_product/images/gsm_internal_a.gif',1)"><img src="/templates/nesterov_product/images/gsm_internal.gif" name="gsm_internal" alt="Охранное устройство Meritec GSM page" border="0"></a><br></td>

</tr>
</table>

</td>
<td  style="width:650px; height:565px; background-color:#F8F8F8; background-image:url(/templates/nesterov_product/images/top.gif); background-repeat:no-repeat">

<table  cellspacing="0" cellpadding="0" border="0">
<tr>
<td  style="width:650px; height:565px; background-image:url(/templates/nesterov_product/images/bottom.gif); background-repeat:no-repeat; background-position: left bottom">

<br style="line-height:15px">

<div style="margin-left:20px; margin-right:20px">

<h1 align="center"><strong><?=$sitetitle; ?></strong></h1>

<?=$contentcenter; ?><?php include "mycode/$myinclude.php"; ?>

</div>						  

</td>
</tr>
</table>

</td>
</tr>
</table>
</td>	
</tr>

<tr>
<td  style="width:876px; height:63px" class="policy">
<br style="line-height:36px">
© 2010 <strong><?=$sitename; ?></strong>  
</td>

</tr>

<tr>
<td>Powered by <a href="http://www.kan-studio.ru/" target="_blank"">Kandidat CMS</a></td>
</tr>

</table>
</td>
<td  style="width:48px; height:780px"></td>
</tr>
</table>
</td>
</tr>
</table>

По логике вещей нужно через background-image и repeat-y сделать но не получается пока...
Посмотрите если не сложно. Спасибо.

Edited October 11, 2010 by Николаич

[Great Rash]

background-repeat

[psywalker]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	body,html {  }
	#wrap { overflow: hidden; position: relative; }
	.left {  width: 200px; float: left; background: red; margin-bottom: -30000px; padding-bottom: 30000px;}
	.right { margin-left: 201px; background: green; overflow: hidden; }


</style>
</head>

<body>
	<div id="wrap">
		<div class="left">Left</div>
		<div class="right">
			<p>Система имеет четыре тревожных зоны охраны дверь, замок зажигания, капот и багажник, а также осуществляет контроль температуры, уровень заряда основного АКБ. Устройство оборудовано встроенным автономным питанием и ему не страшны отключения и разряд основной аккумуляторной батарее. При помощи охранной системы осуществляется полное управление постановкой снятием с охраны по телефону. Вход для управления системой защищен персональным ПИН кодом, который при необходимости может быть оперативно изменен пользователем. При отсутствии связи управление может осуществляется в ручном режиме.Система имеет четыре тревожных зоны охраны дверь, замок зажигания, капот и багажник, а также осуществляет контроль температуры, уровень заряда основного АКБ. Устройство оборудовано встроенным автономным питанием и ему не страшны отключения и разряд основной аккумуляторной батарее. При помощи охранной системы осуществляется полное управление постановкой снятием с охраны по телефону. Вход для управления системой защищен персональным ПИН кодом, который при необходимости может быть оперативно изменен пользователем. При отсутствии связи управление может осуществляется в ручном режиме.</p>
		</div>
	</div>


</body>
</html>

[Николаич]

Большое спасибо, что откликнулись.

Единственно, тут я сложнее немного задачу ставил, сразу просто объяснить толком не получилось.

Идея в то, чтобы:

1. Серые квадраты были именно между 2-мя верхними цветными и 6-ю нижними. Не как сейчас - после цветных квадратов.

2. Левая колонка увеличивалась именно на цельные квадраты, а не как сейчас - 6 целых и 2 половинчатых.

То есть в идеале проверяем величину контента справа и в зависимости от этого добавляем N-ое количество строк таблицы с серыми квадратами между квадратами цветными.

На самом деле возможно задача стоит чересчур уж сложная. Я конечно в ширину сайт растяну, может просто контент на несколько страниц раскидаю...

Edited October 11, 2010 by Николаич

[Great Rash]

Вам стоит отказаться от этой концепции сайта ибо вы никогда не выровняете все так как хотите если только у вас не полностью фиксированный сайт (как в высоту, так и в ширину). Глупо раскидывать контент на несколько страниц ради "красивостей". Надо делать наоборот - красивости подстраивать под контент, а не контент под красивости. Помните, что на сайт люди приходят ради текста, а не ради серых и цветных квадратиков.

[psywalker]

Помните, что на сайт люди приходят ради текста, а не ради серых и цветных квадратиков.

+1

[Николаич]

Да, не спорю.

Но сайт не мой - делаю на заказ в сжатые сроки. И думаю все прекрасно знают что такое, когда изначально делается просто шаблон будущего сайта-визитки без какого либо контента, когда нет ни малейшего представления что будет размещено на сайте, а потом, по мере выполнения заказа, у заказчика появляется много идей как сайт-визитку превратить чуть ли не в интернет магазин.

Но что греха таит - у самого практики маловато, сам в каком то плане виноват.

Спасибо за подсказки и советы.

Ссылки на сайт на всякий случай подотру. Впринципе если тема не нужна - можете удалить.

Еще раз спасибо.

[Great Rash]

И думаю все прекрасно знают что такое, когда изначально делается просто шаблон будущего сайта-визитки без какого либо контента, когда нет ни малейшего представления что будет размещено на сайте, а потом, по мере выполнения заказа, у заказчика появляется много идей как сайт-визитку превратить чуть ли не в интернет магазин.

Пыл заказчика легко охладить увеличением своей выгоды пропорционально хотелке заказчика. А еще в этом случае отлично помогает ТЗ, который позволяет послать заказчика с формулировкой: "Этого в ТЗ не было!"

[Николаич]

to Great Rush

Все верно за исключением нескольких но.

Во-первых, ситуация меняется когда делаешь работу для хорошо знакомого человека. Вроде как друзья - какое ТЗ, какое повышение стоимости.

А во-вторых, это не мой профиль. Я самоучка и много не знаю - могут возникнуть проблемы с реализацией каких-либо ухищрений, могу сорвать сроки, хотя в этом замечен не был. Все это всего лишь увлечение, а не работа всей жизни. Чтобы быть хоть как то конкурентоспособным приходится снижать цену раза так в 1,5 + идти на уступки - отказ от ТЗ. Да и работа осуществляется на чистовик - сразу на хостинге заказчика, что согласитесь опрометчиво.

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

[Searcher]

to Great Rush

Все верно за исключением нескольких но.

Во-первых, ситуация меняется когда делаешь работу для хорошо знакомого человека. Вроде как друзья - какое ТЗ, какое повышение стоимости.

А во-вторых, это не мой профиль. Я самоучка и много не знаю - могут возникнуть проблемы с реализацией каких-либо ухищрений, могу сорвать сроки, хотя в этом замечен не был. Все это всего лишь увлечение, а не работа всей жизни. Чтобы быть хоть как то конкурентоспособным приходится снижать цену раза так в 1,5 + идти на уступки - отказ от ТЗ. Да и работа осуществляется на чистовик - сразу на хостинге заказчика, что согласитесь опрометчиво.

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

Хорошие знакомые не пользуются знакомством ради снижения собственных затрат, а если пользуются то это уже точно не хорошие знакомые. Никогда, запомните, никогда не занимайтесь бизнесом с друзьями или хорошими знакомыми!

Если вы в дальнейшем планируете какие-то реально выгодные для вас проекты с этими "хорошими знакомыми", то может и есть смысл прогибаться, наработать авторитет, а если нет - то стоит изначально брать аванс и делать только то, что просили в начале, а все усложнения только под увеличение аванса.

Правильно поставленные рамки и адекватная твердость с вашей стороны не отпугнет нормального заказчика. А ненормальные заказчики все равно не удовлетворят вашего "кушать хочется".

[Great Rash]

Т.е. Если вам ваш заказчик скажет завтра: "хочу полноценный интернет-магазин по цене сайта-визитки", вы броситесь делать?

Если это хороший знакомый человек, то ему проще объяснить, что его дизайн (с этими серыми квадратами) - УГ.