6 Differences Between Table and Div For Website Layout

Some people use table for their website layout because it is easier to do. While using div needs more knowledges, especially about css. Here are the difference between table and div layout.

No	Statement	table	Div	Comments
1	ease of use	easier	harder	The concept of table is well known by most people, so it will be easier to create a table for layout, because we don't have to know css
2	Document size	bigger	smaller	Using div will decrease bandwidth and loading time
3	basic function	displaying tabular data	website layout
4	load	displayed after table completely loaded	displayed every div element loaded	displayed every div element loaded
5	maintenance	harder	easier	with a single css file, it will be much easier to change the layout and the style for the whole website
6	long content handling	columns are not squeezed under other column when the content is too wide.	for older browser, long content can make the layout unstable	read about css property, float, overflow to make it compatible to all browser

From the statements above we can conclude that it will be better to use divs for our website layout. Learn about div and css is slightly difficult for beginners, but it is a good investment to create a powerful and flexible design.