Question

I’m trying to fit in a google plus widget inside a div that has dimensions in %… but the widget has dimensions in px… so when i place the widget inside the div it flows out of the div on changing screen resolutions…
markup is like this:

<div style="width:100%">
  <script src="http://..." width="360px" .... ></script>
</div>

any help would be great…

Answer 1

Set the min-width property so that way the div never goes below 360px. A div will by deffault take 100% of the width space given unless you specify a smaller width or set other properties that change it’s size.

<div style="min-width:360px;">
  <script src="http://..." width="360px" .... ></script>
</div>