Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by sakatagintoki
sakatagintoki
12,624 Points

Responsive Tables in CSS

There was a good Treehouse CSS:Tricks solution from 2011 on responsive tables. I followed the code suggested almost exactly. But I'm running into a slight problem when the browser width gets smaller than 760px.

Any suggestions?

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

Is it wrong to just say that the table must be 100% ? and then it should the rest by himself.. or am i saying something stupid?

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

Can you give me an example of the final version what you want to achieve? so i can help you.

4 Answers

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points
Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

He Jay Lacey this is should do the work. I checked it on my iphone, ipad. You only need actually give the table 100% width. The css solution you used is from couple years ago and kinda outdated and actually not the way to go. Just try what i send you.

If you have any further questions just ask :)

Alexey Tseitlin
Alexey Tseitlin
5,866 Points
Alexey Tseitlin
Alexey Tseitlin
5,866 Points

may be new table for each block and set each to float:left?

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points
Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

im currently on my phone, i will answer your question when im back :) .

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points
Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

Jay Lacey well the solution in 2011 that they filled the content of the table with css is not quite good. You should prevent to fill your data with css. CSS is only for styling your markup, remember that. When i worked with that example i get confused. Either way glad that i could help. Good luck with the rest of your project .