Сообщений в теме: 4

[s_vilka]

Добрый день! Помогите, пожалуйста, с блоками. Вёрстка здесь табличная и блоки съезжают, если меняю их местами в шапке сайта.
Сайт http://i-brc.com/

На картинке 1 то, до чего дошла сейчас.

На картинке 2 то, что хочется сделать.

На картинке 3  маркирована картинка 2.

На 4 - как съезжают блоки.

Прикрепленные изображения

• 
• 
• 
• 

[s_vilka]

Еще вопрос по поводу футера, как прижать книзу?

Прикрепленные изображения

• 
• 

[s_vilka]

Текущий код.

	 <thead>
	 <tr>
		 <td class="contentTableHeadMain" rowspan="2">
		 <!-- Название магазина -->
		 <div class="logo"><a href="http://{NET_DOMAIN}/"></a></div>
		 </td>
		 <td class="Info">– интернет-магазин, в котором всегда есть в наличии актуальные и стильные вещи по доступным ценам</td>
		 <!-- Поисковая форма -->		
		 <td class="Search">
			 <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get">
			 <table class="SearchFormTable">
				 <tr>
				 <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td>
				 <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td>
				 </tr>
			 </table>
			 </form>
		 </td>
	 </tr>
		
		 <tr>
		 <!-- Верхний блок навигации -->
		 <td class="contentTableHeadNavigation">
		 {% FOR menu %}
			 {% FOR header %}
			 {% FOR links %}
				 <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> {% IF menu.header.links.rindex>1 %}|{% ENDIF %}
			 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
		 </td>
		
		 <!-- Корзина -->
		 <td class="contentTableHeadCart">
		 <div class="float:left">
		 <!-- Авторизационная информация клиента -->
		 {% IF TARIFF_FEATURE_CLIENT_ROOM %}
			 <div class="contentTableHeadUserInfo">
			 {% IF CLIENT_IS_LOGIN %}
				 Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{USER_LOGOUT_URL}">Выйти</a><br />
			 {% ELSE %}
				 <a href="{USER_LOGIN_URL}">Вход</a> |
				 <a href="{USER_REGISTER_URL}">Регистрация</a>
			 {% ENDIF %}
			 </div>
		 {% ENDIF %}
		 </div>
		 <div class="float:right">
			 <a href="{CART_URL}" class="underline">Корзина</a>:
			 <span id="cartSum">
				 {% IF cart_count_empty %}
				 <span class="red">0</span> {CURRENCY_NAME}
				 {% ELSE %}
				 {% FOR cart_sum %}
					 {cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
				 {% ENDFOR %}
				 {% ENDIF %}
			 </span>
			 <span id="cartCount">
				 {% IF cart_count_empty %}
				 (<span class="red">0</span> шт.)
				 {% ELSE %}
				 {% FOR cart_count %}
					 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
				 {% ENDFOR %}
				 {% ENDIF %}
			 </span>
		 </div>
		 </td>
	 </tr>
	
	 <tr>
		 <!-- Контакты магазина -->
		 <td>
		 <table>
			 <!-- Первый контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
			 <tr>
				 <td class="contentTableHeadMainPhone">
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
				 </td>
			 </tr>
			 {% ENDIF %}
			
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
			 <tr>
				 <td class="contentTableHeadMainPhone">
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>
			 </tr>
			 {% ENDIF %}
		
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
			 <tr>
				 <td class="contentTableHeadMainPhone">
				 {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
				 </td>
			 </tr>
			 {% ENDIF %}

			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
			 <tr>
				 <td class="contentTableHeadMainWorkTime">
				 {SETTINGS_STORE_WORK_TIME}
				 </td>
			 </tr>
			 {% ENDIF %}
			
			 <!-- Skype номер -->
			 {% IF SETTINGS_STORE_SKYPE %}
			 <tr>
				 <td class="contentTableHeadMainSkype">
				 <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 </td>
			 </tr>
			 {% ENDIF %}
			
			 <!-- ICQ номер -->
			 {% IF SETTINGS_STORE_ICQ %}
			 <tr>
				 <td class="contentTableHeadMainIcq">
				 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
				 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </td>
			 </tr>
			 {% ENDIF %}
		 </table>
		 </td>
		 <td></td>
		
		 <td></td>

	 </tr>
	
	 </thead>

[s_vilka]

Я разобралась, спасибо =) Смещение происходило из-за <td colspan="3">, нужно было верно рассчитать и выставить <td colspan="5"> в футере и colspan="4" в правой ячейке. Еще составила каркас таблицы по рисунку  в dreamweaver, так стало проще заполнять ячейки таблицы.

Вот с футером пока вопросы.

[Koderhan]

Футер можно прижать указав минимальную высоту блока с контентом.


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

.contentTable					   {width:100%;}

Заменить:

.contentTable					   {width:100%;min-height: 1000px;}