Обычная таблица:

при просмотре в редакторе и в браузерах  имеет нормальную ширину, т.е. не больше ширины экрана, потому что в строках есть пробелы, по которым и происходит перевод строк.
Но при при наполнении таблицы текстом, и добавлении еще пары таблиц после этой (и которые не шире первой), то почему то первая таблица разъезжается в ширину и становится раза в полтора шире экрана,  вылезает за правую границу экрана. По идее ведь у меня и в тексте есть пробелы, и там же должен происходить перенос строк. 
width: 100%; не помогает, хотя ведь и без него все должно как бы работать.
В тексте таблицы встречаются слова width, но они же не должны влиять.
Как нормализовать ширину моей таблицы?

http://jsfiddle.net/
Потом посмотрим.

_zorn_  спасибо за быстрый отклик! Два дня с этой таблицей возился, правда не с шириной таблицы а с ее наполнением, но вот сейчас разобрался методом исключения строк в таблице, и нашел строку, в которой в теге 
<pre>была строка длинновата ! вот она и увеличивала всю ширину таблицы, потому что в ней перевода строк нету ! </pre>

Отключил примитивный стиль:

и таблица нормализовалась, и в экран теперь умещается. А что так? размер шрифта указывал в head:

т.е. весь расчет расположения на странице этой самой моей таблицы должен быть произведен с учетом нового, т.е. не по умолчанию, шрифта с размером в 14pt.
А вот на этот размер браузеры и IE 11 и Chrome как то не рассчитаны что ли?

Это сообщение отредактировал(а) Сisa - 10.1.2015, 15:30

Ооочень интересно!

Так же в стили следует добавить