Подскажите по проблемке таблиц в HTML

[DonaldTrump]

Здравствуйте.
Решил сделать таблицу с двумя жёстко заданными по ширине колонками, и одной,последней - резиновой
т.е. хочу сделать такую:
|нужный размер|нужный размер|Растягивается до конца и сжимается|

Делаю код такой:

<tr>
****<td class="pervaya">первая фиксированная колонка </td>
****<td class="vtoraya">вторая фиксированная колонка </td>
****<td class="rezina">третья резиновая колонка </td>
</tr>

и CSS

td.pervaya {
****width: 170px;
****height: 50px;

}
td.vtoraya {
****width: 170px;
****height: 50px;
}

td.rezina {
****width: 70%;
****height: 50px;
}

Но вот проблема, те колоки, которым я дал жёсткую ширину - всё равно при уменьшении размера страницы -они тоже уменьшаются в ширине ! Что же делать, подскажите пожалуйста !
Мне нужно, что бы две колонки ВСЕГДА сохраняли свои размеры (ширина 170px допустим)

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

Заранее благодарен за ответ.

[garA]

Попробуйте убрать ширину у 3-й колонки..

[DonaldTrump]

Originally posted by garA@May 7 2007, 07:39
Попробуйте убрать ширину у 3-й колонки..
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Убрал, сделал в CSS так:

td.pervaya {
****width: 250px;
****height: 50px;

}
td.vtoraya {
****width: 250px;
****height: 50px;
}

td.rezina {
****height: 50px;
}

Эффект тот же, всё равно, колонки с фиксированным размером - сжимаются.
Да к тому же , мне нужно ,что бы резиновая колонка была всегда до конца справа, до конца броузера.

Может будут ещё какие нибудь мысли?

[mamba]

убираем ширину третей колонки.
для всей таблицы пишем width:100%;
если ширина первой и второй ячейки рассчитана на текст, то пишем white-spacing: nowrap;
если нет, то или вставляем пустую картинку, или <hr> нужной ширины и высоты 1px.

[DonaldTrump]

Originally posted by mamba@May 7 2007, 07:52
убираем ширину третей колонки.
для всей таблицы пишем width:100%;
если ширина первой и второй ячейки рассчитана на текст, то пишем white-spacing: nowrap;
если нет, то или вставляем пустую картинку, или <hr> нужной ширины и высоты 1px.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Большое спасибо, но я попробовал, и всё равно эффект тот же.
Я делал так:

<table *class="main" border="1">
<tr>
****<td class="pervaya">первая фиксированная колонка </td>
****<td class="vtoraya">вторая фиксированная колонка </td>
****<td>третья резиновая колонка </td>
</tr>
</table>

и css

td.pervaya {
****width: 250px;
****height: 50px;
****white-space: nowrap;
}
td.vtoraya {
****width: 250px;
****height: 50px;
****white-space: nowrap;
}
table.main {
****width: 100%;
}

Всё равно, ячейки сжимаются
Даже не знаю в чём дело, я растягивал в следующую строчку таблицы пиксель на нужные размеры, но для чего тогда нужны эти размеры, если нельзя жёстко задать неизменяемые размеры ?

[mamba]

"растягивал в следующую строчку таблицы пиксель на нужные размеры"

...в смысле...

то есть, пишешь <img width="250" height="1">, вставляешь в td и td всё равно сжимается!?

[mamba]

ну, это ещё смотря на какой браузер рассчитывать.
explorer конечно сволочь, css2 не поддерживает, а например для мазилки работает свойство width-min...

[mamba]

<table cellspacing="2" cellpadding="2" border="1" width="100%">
<tr>
****<td class="td1" width="200">
первая ячейка</td>
****<td class="td2" width="200"><div style="width:200px;">вторая ячейка</div></td>
****<td class="fix">третяя - растягивающаяся</td>
</tr>
</table>

здесь два способа(оба работают в explorer, mozilla, opera):
1. в первой ячейке я вставил картинку размером 250х1 пикселей. Картина сама не сжимается и не даёт сжиматься ячейке.

2. внутрь второй ячейки я вставил <div> и задал ширину ему.

[garA]

Всё равно, ячейки сжимаются sad.gif

что же это такое? залейте на какой-нибудь бесплатный хостинг (например, [Только зарегистрированные пользователи могут видеть ссылки. ] и дайте нам линк.. посмотрим, что там у вас..

[DonaldTrump]

Всем спасибо, из предложенного более менее подходит такой способ
<div style="width:200px;"> текст фиксированной колонки</div>
т.е. делаем блок в ячейке и в нём пишим текст
А сами размеры без этого изврата всё равно сжимаются, видимо они означают - первоначальные размеры ячеек. А вообще бред

[mamba]

не за что.

а вообще, не такой уж это бред.
HTML таблицы вообще-то не разрабатывались для вёрстки.
вот у них и бывает.

[Aykroyd]

М-да... Круть тут у Вас... )
Особенно свойство width-min...

P.S. Не бред. Читаем Спецификацию HTML 4.01...

[garA]

М-да... Круть тут у Вас... )

угу..
особенно мне "понравился" такой совет:

ЗЫ это не камень в чей-то огород..

[mamba]

М-да... Круть тут у Вас... )
Особенно свойство width-min...

это не круть.
это моя ошибка, прошу прощения.
на самом деле я имел ввиду min-width.
да, недостаток css2 в том, что он не поддерживается explorerom.
вот его почти никогда и не используем.
вещь хорошая, но в самом популярном браузере не работает =(

особенно мне "понравился" такой совет:

ну, это не такая уж и жесть.

я в верстке часто картинки использую, и зачастую бывает, что она по-любому в ячейке находится - того дизайн требует. Так зачем писать в td лишний div со стилем?
в таком случае, разумеется картинка высоту больше 1px имеет =)

[Aykroyd]

Originally posted by mamba@May 7 2007, 21:15
это не круть.
это моя ошибка, прошу прощения.
на самом деле я имел ввиду min-width.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не за что Вам просить прощения. )
Вы, в принципе, все правильно написали.
А этот небольшой "ляп" – ерунда... )

Originally posted by mamba@May 7 2007, 21:15
да, недостаток css2 в том, что он не поддерживается explorerom.
вот* его почти никогда и не используем.
вещь хорошая, но в самом популярном браузере не работает =(
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Это недостаток не CSS2, а этого самого браузера... Но не смотря на это используется min-width (как и min-height) очень часто. А для IE6 есть прекрасные скриптовые решения, прекрасно заменяющие это свойство...

Originally posted by mamba@May 7 2007, 21:15
я в верстке часто картинки использую, и зачастую бывает, что она по-любому в ячейке находится - того дизайн требует. Так зачем писать в td лишний div со стилем? в таком случае, разумеется картинка высоту больше 1px имеет =)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Правильно. Лишний див – незачем.
И вообще <td> – тоже незачем. ))