Май бъркаш генерално концепцията.
Някой преди беше питал дори как да направи таблица с див, което по същество е като от трън, та на глог, че и по-висок.
Имай предвид, че таблиците и дивовете въобще не се държат еднакво, така че да тръгнеш да променяш нещо, като заменяш td с div и да се опитваш да накараш div да се държи като table, tr, td е доста тудно и същевременно - безсмислено.
display:table/ table-row/table-cell можеш да изпозваш при няои видове лейаути, но имай предвид, че тази декларация действа само в по-новите и сравнително съвместими със стандартите браузъри , но не върви в ИЕ, така че за последния специално трябва да се пишат други стилове.

Целта на задачата не е да се заменят всички таблици с дивове, а да се използват таговете по предназначение, което означава също да не слагаш в таблици съдържание, което е за други елементи, както и да не тъпчеш в дивове, това, което е за таблици.
Лейаута на страницата не е част от съдържанието, затова се прави с дивове, тъй тези тагове са блокови елементи без специално предназначение.
Ако съдържанието, което искаш да покажеш трябва да има ясно определени колони и редове - сложи го в таблица. Ако не - има един куп тагове, които можеш да използваш.

Съдържаниет е скрито
Влезте за да го видите