Таблицы почему-то перекрываются
Почему-то мой <td>они перекрывают друг друга. Это не должно делать это. Я хочу, чтобы центр был отделен от левой колонки, которой в настоящее время нет.
Кто-нибудь понял, что я сделал не так? Это веб-сайт, где вы можете увидеть код и т.д:
3 ответа
.MiddleCenterContent имеет ширину 100%, заставляя его перекрывать соседей. Лучшим способом было бы сделать defaultTable ширина 100% затем просто определите ширину других ячеек и .MiddleCenterContent бы заполнить.
Несмотря на это, лучше использовать <div> теги для макета. Есть множество учебных пособий по методам их использования, доступных в Интернете.
В вашем css у вас есть
.MiddleCenterContent {
width: 100%;
vertical-align: top;
}
просто удалите следующую строку
width: 100%;
что заставляет центральную ячейку быть на 100% большой, перекрывая другие ячейки
Причина в ширине 100% из .MiddleCenterContent, Не используйте таблицы, чтобы структурировать свой макет. Таблицы только для табличных данных. Использование div или других семантически подходящих контейнеров поможет вам предотвратить такие проблемы.