Need to get scrolling to occur and get div to shrink in size. How?

I want the textbox that I've got on my page to shrink in size relative to the size of the browser so it's truly mobile friendly. Right now it's correct-ish. It gets to a certain width, and then it ceases to get any smaller.

In addition, I want the text within the div to be nowrap and there to be a scroll bar at the bottom so the user can scroll over to the side to see the code rather than it getting all bunched up,

The page is http://brucegust.com/eResume.

What do I need to change?

Thanks!screenshot
brucegustPHP DeveloperAsked:
Who is Participating?
 
Alicia St RoseOwner & Principle Developer/DesignerCommented:
Your problems are arising from using a table for the layout. Why are you not using div or unordered lists? Tables aren't very responsive, by nature. And they should be used for tabular data. Not layout.

When you use divs or list items, you can give them a percentage and it sticks. Otherwise, with a table, your table cells are going to always cause issues because of rows and padding.

Here's an example of a resume I created using divs and unordered lists:

http://sandbox.intrepidrealist.com/alan-macy/resume/
0
 
brucegustPHP DeveloperAuthor Commented:
Thanks, Alicia! I got it to work! Thanks for your help!
1
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.