Как удалить пространство между 2 td, сохраняя при этом их высоту 100% без переполнения? ⇐ CSS

[Anonymous]

Итак, я делаю забавную вещь для себя и выбрал html4 и css2, да, вы правильно прочитали, html4 и css2
Вот моя страница:

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

html,
body {
margin: 0;
padding: 0;
height: 100%;
}

table {
width: 100%;
height: 100%;
border-spacing: 0;
}

#header {
height: 57px;
background-color: #ccc;
}

#main {
height: 100%;
width: 100%;
}

#sidebar {
width: 150px;
background-color: #f4f4f4;
height: 100%;
}

#content {
background-color: #eaeaea;
width: 100%;
height: 100%;
overflow-y: auto;
/* Allow scrolling within content */
}

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

Header



sidebar


content

Проблема в том, что боковая панель td и содержимое td имеют странное пространство середина имеет 100% ширину (?), которая, кажется, смещает 2 tds, крайние левые и правые:
Я просто не могу понять, как это сделать, я сделал это один раз, но забыл, как сделать это сейчас. может кто-нибудь помочь мне с этим... и, пожалуйста, используйте html4 с css2 только ради ретро/ностальгии (я просто обожаю Web 1.0). и нет, мне нужен не только внешний вид, мне нужен еще и код

Подробнее здесь: https://stackoverflow.com/questions/793 ... t-100-with