CODEWITHSUNDEEP
htmlcssresponsive-design
Anonymous
Anonymous

Reputation: 1011

Responsive HTML Scrolling Box

I am currently using this HTML scrolling box:

<div style="height:107px;width:445px;border:1px 
solid #ccc;font:18px Arial; overflow:auto;"> 
This is an HTML Scrolling Box. </div>

All of the text and images on my site are responsive, in the fact that they scale down to the size of mobile phones and tablets. Is there any possible way to add some type of rule or something simple, to this code above that will make it also responsive like the rest of my site?

I have already tried using this bit of code (without luck):

style='max-width:100%;' style='max-height:100%' border="0"

Thank you!

Upvotes: 2

Views: 19456

Answers (1)

btevfik
btevfik

Reputation: 3431

is this what you are looking for http://jsfiddle.net/ZXVA5/

you want to give the height and width some percentage.

here is with some content and overflow:auto

http://jsfiddle.net/ZXVA5/1/

Upvotes: 5

Related Questions