Таблица переполняется за пределами div ⇐ CSS

[Anonymous]

Я пытаюсь предотвратить переполнение таблицы, ширина которой явно объявлена ​​за пределами ее родительского элемента div. Я предполагаю, что могу сделать это каким-то образом, используя max-width, но, похоже, у меня это не работает.
Следующий код (с очень маленьким окном) вызовет это:

Код: Выделить всё

#middlecol {
width: 45%;
border-right:2px solid red;
}
#middlecol table {
max-width:100% !important;
}






[b]Notification![/b]



[img]http://www.example.com/img.png[/img]


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Красная линия — это правая граница элемента div, и если вы уменьшите окно браузера, вы увидите, что таблица в него не помещается.< /п>

Подробнее здесь: https://stackoverflow.com/questions/225 ... ide-of-div