wordwrap не работает если position: fixed; - HTML и CSS

yuriyvol · 21.02.2020, 18:12

Две колонки. Левая типа меню должна всегда видима при прокрутке страницы.
Для этого добавляю position: fixed;
Но при этом в колонке 1 перенос слов перестает работать и при сужении окна браузера тексты колонок налезают друг на друга,
Если убрать position: fixed; то перенос слов нормальный. Возможно ли восстановить перенос слов оставив position: fixed;
Пробовал без TABLE (рядом два div) - результат тот же.
Код:
<!DOCTYPE html><html><head><body>
<STYLE>
.wtab {width: 100%;}
.w1 {width: 20%;}
.top {position: fixed;}
</style>
</head>
<TABLE class="wtab">
<TBODY><TR>
<TD class="w1">
<div class="top">
текст левая колонка<br>
текст левая колонка<br>
</div>
</TD>
<TD>
текст правая колонка<br>
текст правая колонка<br>
</TD>
</TR></TBODY>
</TABLE>
</body></html>

21.02.2020, 18:12	#1
yuriyvol Новичок Джуниор Регистрация: 10.04.2012 Сообщений: 1	wordwrap не работает если position: fixed; Две колонки. Левая типа меню должна всегда видима при прокрутке страницы. Для этого добавляю position: fixed; Но при этом в колонке 1 перенос слов перестает работать и при сужении окна браузера тексты колонок налезают друг на друга, Если убрать position: fixed; то перенос слов нормальный. Возможно ли восстановить перенос слов оставив position: fixed; Пробовал без TABLE (рядом два div) - результат тот же. Код: <!DOCTYPE html><html><head><body> <STYLE> .wtab {width: 100%;} .w1 {width: 20%;} .top {position: fixed;} </style> </head> <TABLE class="wtab"> <TBODY><TR> <TD class="w1"> <div class="top"> текст левая колонка<br> текст левая колонка<br> </div> </TD> <TD> текст правая колонка<br> текст правая колонка<br> </TD> </TR></TBODY> </TABLE> </body></html> Последний раз редактировалось yuriyvol; 22.02.2020 в 16:00.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Скролл и position:fixed	L6go1as	HTML и CSS	0	08.02.2015 13:37
position: fixed; и виджет like Вконтакте	Кольша	HTML и CSS	1	04.02.2012 17:45
Div с position:fixed	shilinpavel	HTML и CSS	1	03.12.2011 22:39
в iframe не фиксируется div c position:fixed	sbury	HTML и CSS	0	17.02.2011 13:34
Блок с position: fixed; пропадает в Chrome	Sphinks02	HTML и CSS	6	08.02.2011 08:11