проблема масшабируемого сайта

[Василий]

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

подскжите решение плз.

http://taurad.narod.ru/index.html

Код: Выделить всё

<table cellspacing="0px" cellpadding="0px" rowspan="2" nowrap>
<tr>
<td background="img\foto2.jpg" width="330px" height="1000px" border="0px" cellspacing="0px" cellpadding="0px" nowrap>
<br>
<br>
<p style="margin-left:40px; margin-bottom: 1px;"><a href="#" style="font-size:16pt; text-decoration:none; color: #666666; font-family:

Arial;">&raquo; О себе</a></p>
<br>
<p style="margin-left:40px; margin-bottom: 1px;"><a href="#" style="font-size:16pt; text-decoration:none; color: #666666; font-family:

Arial;" >&raquo; Этапы</a></p>
<br>
<p style="margin-left:40px; margin-bottom: 1px;"><a href="#" style="font-size:16pt; text-decoration:none; color: #666666; font-family:

Arial;">&raquo; Интересы</a></p><br>

<p style="margin-left:40px; margin-bottom: 1px;"><a href="#" style="font-size:16pt; text-decoration:none; color: #666666; font-family:

Arial;">&raquo; Контакты</a></p>
<br>

<img src="img\vs.gif"/>
</td>

<td width="900px" valign="top" cellspacing="0px" cellpadding="0px">
<br>
<br>
<br>
<p>текс</p>
</td>
</tr>
</table>


[Jedi]

<table cellspacing="0px" cellpadding="0px" rowspan="2" nowrap>
<tr>
<td background="img\foto2.jpg" width="330px" height="1000px" border="0px" cellspacing="0px" cellpadding="0px" nowrap valign="top" style="padding-top: XXpx;">
<br>
<br>
<p style="margin-left:40px; margin-bottom: 1px;"><a href="#" style="font-size:16pt; text-decoration:none; color: #666666; font-family:

Arial;">&raquo; О себе</a></p>

[Jedi]

всё из-за того что меню находится по середине колонки. и когда сжимаешь то балца становится выше. соответственно и меню тоже съежается относительно середины

[Василий]

Спасибо, а если не сложно, как можно убрать эффект дублирования фонового рисунка на котором расположен текст менюшки при сильном уменьшнии окна браузера.
[/code]

[Muerto]

[quote="Василий"]Спасибо, а если не сложно, как можно убрать эффект дублирования фонового рисунка на котором расположен текст менюшки при сильном уменьшнии окна браузера.
[/code]
Не стал читать тему, но дублирование фонового рисунка отключается

Код: Выделить всё

background-repeat: no-repeat;

[Василий]

2Muerto: спасибо, помогло.

[Alkeeper]

CSS - ЭТО МИФ, %USERNAME%!!!111

[Muerto]

2Alkeeper: Забей ты на тяжелые наркотики!

[Padonak]

CSS - ЭТО МИФ...

парашог стеральный пиареж?

[Василий]

А вот еще вопрос, можо ли ограничить табицу с текстом с правой стороны. чтобы примасштабировании доходила до 600 пикс например и все дальше не шла.

[Muerto]

Код: Выделить всё

max-width:600px;

для нормальных браузеров и

Код: Выделить всё

width: expression(document.body.clientWidth > 600 + столько, сколько у тебя кроме таблицы по горизонтали ? "600px" : "auto");

для ИЕ меньше семерки.
Есть и другие варианты для ИЕ. Говорят, что этот экспрешн плох для XHTML.

[Muerto]

Если не лень - почитай здесь.