DIVs or Tables in Responsive Design

epicstate · Nov 2, 2015

Hey Guys,
I am wanting to make a list of items in a table ( using DIVs or Tables) but I wanted its structure run well in mobile devices. what do you think which is better, with divs, tables or others?
And can I make images responsive inside tables?

LuxVM · Nov 2, 2015

Hello,

Are you using just basic HTML/CSS or Bootstrap, as i know with bootstrap this is all included with the framework by adding img-responsive to the class and adding table-responsive to a table class.

But even if your not using bootstrap framework there is no reason why you couldnt do it yourself

Regards,
Adam

Ron Killian · Dec 5, 2015

I am no coder, but aren't tables out, replaced by the CSS DIV? Thought tables were old stuff.

merapata · Feb 21, 2016

I think easy it like this Make Div and Table in it ...Give Dive 100% width and IT will automatic adjust table as per space in it if want more give each List Item precious Size in percentage witch auto adjust too

Hope it's works

#Cheers

savidge4 · Feb 21, 2016

epicstate said:
Hey Guys,
I am wanting to make a list of items in a table ( using DIVs or Tables) but I wanted its structure run well in mobile devices. what do you think which is better, with divs, tables or others?
And can I make images responsive inside tables?

the easiest way to look at this.. divs are dynamic, and tables are static. so in a responsive design you would want to obviously use the dynamic choice, divs.

The more detailed explanation: Divs are dynamic because they are using screen resolution. so 80% of a iPhone screen or 80% of a 21" computer monitor works out either way. Tables are slightly different. They use the variable of page width. If you look, even in responsive design, this variable IS set. usually to 1040 or the like. So 80% of a table is based apon page width, and has nothing to do with screen resolution.

hope that helps

DIVs or Tables in Responsive Design

epicstate

Member

LuxVM

Member

Ron Killian

Well-known member

merapata

Member

savidge4

Well-known member

Latest posts New threads

Latest posts

New threads

Latest Hosting Offers New Reviews

Latest hosting offers

Popular Contributors - Past 30 Days

Sponsors

Tag Cloud