Здравствуйте. CSS и HTML знаю неплохо (но не на отлично  ), но вот столкнулся с такой проблемой. Внутри таблицы использую сочетание тегов PRE и CODE, для сохранения форматирования текста. Но дело в том, что, если строка текста слишком длинная, то ячейка таблицы раздвигается, причем сжимаются даже соседние колонки таблицы с заданной в пикселях шириной. А мне необходимо, чтобы в таком случае появлялся горизонтальный скроллинг для выделенного текста, а высота блока PRE оставалась без изменения, т.е. никакого переноса строк не должно быть. Ну и конечно соседние ячейки не должны "съедаться". Подобная тема здесь уже поднималась, но там решения я не нашел.
Помогите, пожалуйста, найти кроссбраузерное решение с данным Доктайпом, используя только CSS и HTML и желательно без хаков. Заранее спасибо.
Вот код (я там уже пытался сделать кое-что, но...):
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Мой сайт</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
table {width:100%;}
#col1 {background:red;width:200px;}
#col2 {background:blue;}
#col3 {background:red;width:200px;}
pre code {
background:#ccc;
display:block;
overflow:auto;
white-space:pre;
}
</style>
</head><body>
<table>
<tr><td id="col1"> </td>
<td id="col2">
<pre><code>
Строка1Строка1 Строка1Строка1 Строка1Строка1 Строка1Строка1 Строка1Строка1 Строка1Строка1
Строка2Строка2 Строка2Строка2 Строка2Строка2 Строка2Строка2 Строка2Строка2 Строка2Строка2
Строка3Строка3 Строка3Строка3 Строка3Строка3 Строка3Строка3 Строка3Строка3 Строка3Строка3
</code></pre>
</td>
<td id="col3"> </td>
</tr></table></body></html>
|
|