HTML. Поднятие вверх важного текста в документе

[bdiang]

Здравствуйте.

Всем известно что чем выше текст в документе тем он важнее.

Пример. Есть 3 колонки: левое меню, средняя с текстом, правое меню.
Задача сделать так чтобы средняя колонка была выше чем левая и правая

Я сделал это так:

<table width="100%" border="1">
<tr>
<td style="height:1px;"></td>
<td rowspan="2">Content</td>
<td style="height:1px;"></td>
</tr>
<tr>
<td style="vertical-align:top;">leftmenu</td>
<td style="vertical-align:top;">rightmenu</td>
</tr>
</table>

Работает...Но если в средней колонке текста много то в IE левая и правая начинают "съезжать вниз". Проверено, что увеличивают высоту вот эти "единичные" колонки: <td style="height:1px;"></td>

Кто нибудь сталкивался с такой проблемой и может подсказать как исправить такой косяк?

Если есть примеры альтернативные этому (типа позиционирование дивов и тд) милости прошу)

[whiteRed]

<table width="100%">
	<tr>
		<td style="padding-top: 10px;">leftmenu</td>
		<td>Content</td>
		<td style="padding-top: 10px;">rightmenu</td>
	</tr>
</table>

[bdiang]

Ну дык. Яб так и сделал и не парил народ))))

Но трабла в чем? Content должен быть выше всяких там меню подменю и тд
Поисковые системы больше веса дают тексте который выше.

[whiteRed]

ах, сразу не въехал...

тогда можно так

<table width="100%" border="1">
	<tr>
		<td></td>
		<td rowspan="2">Content</td>
		<td></td>
	</tr>
	<tr height="100%">
		<td style="vertical-align:top;">leftmenu</td>
		<td style="vertical-align:top;">rightmenu</td>
	</tr>
</table>

только это не правильно

[bdiang]

и не робит
видимо это косяк ие - в мозилле все ок
А если дивами спозиционировать?

[whiteRed]

вот дивами - это правильно
только я в дивах не силен
смотри z-index, position в css

[KidsKilla]

ё***сь чтоли z-index...
http://astrostar.ru/ тут я делал то о чем ты говоришь:

/* LAYOUT
---------------------------------------------- */
.container{width:100%;float:right;}
* HTML .container{width:99.9%;}
.content{float:right;width:70%;padding:0;}
.text{float:left;position:relative;padding:0 200px 1em 20px;text-align:justify;}
#right{width:153px;margin-left:-153px;float:right;}
#submenu{float:left;width:30%;margin-right:-40%;color:#777;line-height:1.5em;position:relative;z-index:2;}

<div class="container">
<div class="content">
<div class="text"></div>
<div id="right"></div>
</div>
<div id="submenu"></div>
</div>

[whiteRed]

ну точно я в дивах не силен

[Skubent]

Сообщение от bdiang

Поисковые системы больше веса дают тексте который выше.

Ересь. У поисковых систем нет анализаторов css, которые определяют, где этот текст увидит пользователь.

[whiteRed]

Сообщение от Skubent

Ересь. У поисковых систем нет анализаторов css, которые определяют, где этот текст увидит пользователь.

bdiang имел ввиду, что текст находится выше в самом html коде