Сожержимое страницы центрируется, а не должно...

Lisss · March 16, 2009

Помогите, пожалуйста, справиться с IE! Нужно было сделать карту сайта.. Проблема такая - если мало в строчке текста, td начинает куда-то разъезжаться. Что я делала против сего ужаса - в стилях писала text-align:left, и float:left, в html - align="left", и td ширина фиксирована - ничего не помогает, такая ситуация только у IE, в Mozilla и Opera все нормально, текст выровнен влево, как и надо.

.

<table width="100%" cellspacing="0" class="map">
		<tr>

		  <td colspan="2"><a href="#" ><div>О Банке</div></a><a href="Компания «Энергобаланс»" class="level1"></a></td>
		</tr>
		<tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#">новости</a><a href="История компании" class="level2"></a></td>
		</tr>
		<tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >банк сегодня </a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		   <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >правление</a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		   <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >учредители</a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		   <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >совет директоров</a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		   <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >лицензии</a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		   <tr>
		  <td class="maplineL"></td>
		  <td class="mapdoc"><a href="#" >реквизиты</a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		<tr>

			  <td colspan="2"><a href="#" ><div>Сеть обслуживания</div></a><a href="Структура" class="level2"></a><a href="Компания «Энергобаланс»" class="level1"></a></td>
			</tr>
			 <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >подразделения банка</a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		 <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >операционные кассы</a></td>
		</tr>
		 <tr>
		  <td class="maplineL"></td>
		  <td class="mapdoc"><a href="#" >пункты пополнения и выдачи наличных</a><a href="Цели и ценности компании" class="level2"></a></td>
		</tr>
		<tr>

			  <td colspan="2"><a href="#" ><div>Услуги банка</div></a></td>
			</tr>
			<tr>
			  <td class="maplineT"></td>
			  <td><table width="100%" cellspacing="0" class="map">
				<tr>

				  <td colspan="2"><a href="#"><div class="lev_2">Корпоративным клиентам</div></a><a href="#"></a></td>
				</tr>
				<tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#">расчетно-кассовое обслуживание</a><a href="О филиале" class="level1"></a></td>
				</tr>
				<tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >открытие и ведение счетов</a><a href="Руководство" class="level1"></a></td>
				</tr>
				<tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >"Клиент-Банк"</a><a href="Контакты" class="level1"></a></td>
				</tr>
				 <tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >Downloads</a></td>
				</tr>
				 <tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >БиПринт</a></td>
				</tr>
				 <tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >кредитование</a></td>
				</tr>
				 <tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >валютные операции</a></td>
				</tr>
				 <tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >зарплатные проекты</a></td>
				</tr>
				 <tr>
				  <td class="maplineT"></td>
				  <td class="mapdoc"><a href="#" >депозиты</a></td>
				</tr>
				 <tr>
				  <td class="maplineL"></td>
				  <td class="mapdoc" style=" text-align:left;"><a href="#" >векселя</a></td>
				</tr>





			  </table></td>
			</tr>
			<tr>
			  <td class="maplineL"></td>
			  <td><table width="100%" cellspacing="0" class="map">
				<tr>

				  <td colspan="2"><a href="Филиалы — филиал.html"><div class="lev_2">Частным лицам </div></a></td>
				</tr>



				<tr>
				  <td class="maplineT"></td>
				  <td><table width="100%" cellspacing="0" class="map">
					  <tr>

						<td colspan="2"><a href="лицензии.html" class="level1"><div class="lev_2">Вклады</div></a></td>
					  </tr>

					  <tr>
						<td class="maplineL"></td>
						<td class="mapdoc_2"><a href="#">условия открытия и ведения вклада</a><a href="новости — новости.html"></a></td>
					  </tr>
				  </table></td>
				</tr>
				<tr>
				  <td class="maplineT"></td>
				  <td><table align="left" width="100%" cellspacing="0" class="map">
					  <tr>

						<td colspan="2"><a href="Услуги"><div class="lev_2">Денежные переводы </div></a></td>
					  </tr>
						<tr style=" text-align:left;">
						<td class="maplineT"></td>
						<td class="mapdoc" ><a href="#">western union</a></td>
					  </tr>
					 <tr>
						<td class="maplineT"></td>
						<td class="mapdoc"><a href="#">unistream</a></td>
					  </tr>
					  <tr>
						<td class="maplineL"></td>
						<td class="mapdoc"><a href="#">СтранаЭкспресс</a></td>
					  </tr>

				  </table></td>
				</tr>
				<tr>
				  <td class="maplineL"></td>
				  <td><table width="100%" cellspacing="0" class="map">
					  <tr>

						<td colspan="2"><a href="#" ><div class="lev_2">Кредитование</div> </a><a href="#" class="level1"></a></td>
					  </tr>
					  <tr>
						<td class="maplineT"></td>
						<td class="mapdoc"><a href="#">потребительский кредит</a></td>
					  </tr>
					  <tr>
						<td class="maplineL"></td>
						<td class="mapdoc"><a href="#">тарифы на услуги</a></td>
					  </tr>


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

			  <td colspan="2"><a href="#" ><div>Финансовые показатели</div></a></td>
			</tr>
			 <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#">баланс</a></td>
		</tr>
		 <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >прибыли / убытки </a></td>
		</tr>
		 <tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >аудиторское заключение</a></td>
		</tr>

		<tr>
		  <td class="maplineT"></td>
		  <td class="mapdoc"><a href="#" >данные о движении денежных средств</a></td>
		</tr>
		 <tr>
		  <td class="maplineL"></td>
		  <td class="mapdoc"><a href="#" >информация об уровне достаточности капитала </a></td>
		</tr>


		<tr>		 
		  <td colspan="2"><a href="#" class="level1"><div>СМИ о Банке</div></a></td>
		</tr>

		<tr>		
		  <td colspan="2"><a href="#"><div>Вакансии</div></a></td>
		</tr>


	</table>

table.map { background:url(images/maplinei.gif) left repeat-y;}
table.map td {height:10px; padding:0 4px 2px 0; font-weight:bold; font-size:14px;}
table.map td.mapfolder {width:16px; background: url(images/box.gif) left top no-repeat; text-align:left;}
table.map td.mapprimdoc {width:16px; background:url(images/mapprimdoc.gif) left top no-repeat; padding-bottom:10px;}
table.map td.maplineI {width:16px; background:url(images/maplinei.gif) left top repeat-y;}
table.map td.maplineL {width:16px; background:url(images/maplinel.gif) left top no-repeat; padding-bottom:10px;}
table.map td.maplineT {width:16px; background:url(images/maplinet.gif) left top no-repeat;}
table.map td.mapdoc {padding:0 4px 2px 20px; background:url(images/box.gif) left top no-repeat; font-weight:normal; font-size:12px;}
table.map td.mapdoc_2 {padding:0 4px 2px 20px; background: url(images/v_line.gif) left center no-repeat; font-weight:normal; font-size:12px;}

table.map td.maparc {padding:0 4px 2px 20px; background:url(images/maparc.gif) left top no-repeat; font-weight:normal; font-size:12px;}
table.map div.lev_2{ border:#5a87b0 1px solid; padding:1px 1px 0 1px; background:#FFFFFF; color:#5a87b0;}
table.map div{ padding:1px 1px 0 1px; background:#5a87b0; width:50%; color:#FFFFFF;}

table.map a:link {color:#0165C8;text-decoration: none;}
table.map a:visited {color:#0165C8;text-decoration: none;}
table.map a:hover{color:#0165C8;text-decoration: underline;}
table.map a:active{color:#0165C8;text-decoration: none;}

s0rr0w · March 16, 2009

Это проблемы colspan'а у IE.

Решить почти нереально, если использовать таблицы, и элементарно, если собрать все на DIV'ах.

Lisss · March 16, 2009

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

Edited March 16, 2009 by Lisss

Sign In

Сожержимое страницы центрируется, а не должно...

Question

Lisss

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Lisss

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information