Хорошо, я знаю, что использовать таблицы для разметки плохо.Но у нас есть клиент, на котором установлено ie6 на всех рабочих станциях, и мы должны сделать сложный макет, который прекрасно работает на нем, чтобы чистое решение CSS не работало, поэтому мне пришлось делать это с таблицами.
ВотHTML-код, который у меня есть:
<body>
<table id="main_table">
<tr>
<td>
<div class="content">Content</div>
</td>
</tr>
</table>
</body>
Вот CSS-код, который у меня есть:
body {
margin:0;
padding:0;
}
#main_table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}
#main_table td {
margin:0;
padding:0;
}
#main_table div.content {
margin:0;
padding:0;
}
И по какой-то таинственной причине между вершиной ячейки и диваном есть какое-то поле,Я абсолютно уверен, что все мои поля и отступы равны 0, но он все еще там.
Я попытался:
- span вместо div, и проблема все еще там
- используйте
position:relative в ячейке таблицы и положение: абсолютное значение в div, но div всегда занимает свою позицию в левом верхнем углу браузера, а не в верхнем левом углу элемента
У кого-нибудь была подобная проблема в прошлом?Заранее благодарим за помощь.
РЕДАКТИРОВАТЬ: проблема не только в IE6, но во всех браузерах.