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

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

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

Код:

---

<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 допустим)

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

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

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

Цитата:

---

Originally posted by garA@May 7 2007, 07:39
Попробуйте убрать ширину у 3-й колонки..
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

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

Код:

---

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

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

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

---

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

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

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

Цитата:

---

Originally posted by mamba@May 7 2007, 07:52
убираем ширину третей колонки.
для всей таблицы пишем width:100%;
если ширина первой и второй ячейки рассчитана на текст, то пишем white-spacing: nowrap;
если нет, то или вставляем пустую картинку, или <hr> нужной ширины и высоты 1px.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/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%;
}

---

Всё равно, ячейки сжимаются [Only registered and activated users can see links. Click Here To Register...]
Даже не знаю в чём дело, я растягивал в следующую строчку таблицы пиксель на нужные размеры, но для чего тогда нужны эти размеры, если нельзя жёстко задать неизменяемые размеры ? [Only registered and activated users can see links. Click Here To Register...]

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

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

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

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

Код:

---

<table cellspacing="2" cellpadding="2" border="1" width="100%">
<tr>
****<td class="td1" width="200">[Only registered and activated users can see links. Click Here To Register...]
первая ячейка</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> и задал ширину ему.

Цитата:

---

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

---

что же это такое? [Only registered and activated users can see links. Click Here To Register...] залейте на какой-нибудь бесплатный хостинг (например, [Only registered and activated users can see links. Click Here To Register...] и дайте нам линк.. посмотрим, что там у вас..

Всем спасибо, из предложенного более менее подходит такой способ
<div style="width:200px;"> текст фиксированной колонки</div>
т.е. делаем блок в ячейке и в нём пишим текст
А сами размеры без этого изврата всё равно сжимаются, видимо они означают - первоначальные размеры ячеек. А вообще бред [Only registered and activated users can see links. Click Here To Register...]

не за что.

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

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

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

Цитата:

---

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

---

[Only registered and activated users can see links. Click Here To Register...] угу..
особенно мне "понравился" такой совет:

Код:

---

[Only registered and activated users can see links. Click Here To Register...]

---

ЗЫ это не камень в чей-то огород.. [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

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

---

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

Цитата:

---

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

---

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

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

Цитата:

---

Originally posted by mamba@May 7 2007, 21:15
это не круть.
это моя ошибка, прошу прощения.
на самом деле я имел ввиду min-width.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 7 2007, 21:15
да, недостаток css2 в том, что он не поддерживается explorerom.
вот* его почти никогда и не используем.
вещь хорошая, но в самом популярном браузере не работает =(
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

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

---

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