На странице 2 таблицы: верхняя, с логотипом и навигацией, и нижняя, с контентом. Изначально задумывалось, что эти структуры будут выглядеть, как единое целое. В браузерах же между ними создается вертикальный отступ. Какими средствами html/css можно убрать этот отступ?

Viator, код бы посмотреть... так и не скажешь где ты там накосячил...

что первое приходит на ум:
одна главная таблица с одной ячейкой, имеющей выравнивание поверху
в нее вставляшь свои таблицы.

Проблему пофиксил довольно неожиданным для себя образом:
сначала было:

<table width="100%" cellpadding="0" cellspacing="0"

border="0">
<tbody>
<tr>
<td>
<img src="logo.jpg">
</td>
</tr>
</tbody>
</table>
<table width="25%" cellpadding="0" cellspacing="0"

border="0">
<tbody>
<tr.…….

В процессе переписывания кода случайно поставил вот так:

<td><img src="image.jpg"></td>

Как я понимаю, браузер (IE6) воспринимает перенос ячейки на новую строку, как пробел, который и вставляет между таблицами. В связи с этим вопрос: нужно ли теги <tr> и <td> помещать на одной строке, или достаточно только <td><t/d> писать в одну строку? Хотелось бы знать, в каких еще ситуациях следует избегать переносов и кодить в одну строку.

это не только ИЕ так воспринимает. если не хочешь проблем - закрывай </td> сразу без пробелов и переносов.