Image size %

[s1yman]

Hi All,

 

I was wondering if it is possible to make an image scale to the percentage of the page (as opposed to the % of original size.) Or to make it scale with the size of the div?

 

All & any help is appreciated. Thanks in advance.

[manoilayans]

hai s1yman,

 

<div id="div_id" style="height:300px; width:300px;">

<img id="img_id" src="PPX_T2.gif">

</div>

 

<script type="text/javascript">

document.getElementById('img_id').style.height = document.getElementById('div_id').style.height;

document.getElementById('img_id').style.width = document.getElementById('div_id').style.width;

</script>

 

Regards,

manoilayans

[s1yman]

Hi Manoilayans,

 

Thanks for the quick response. Is it possible to incorporate that to my css file?

One example div is as follows;

 

.div0
	{
	width:50%;
	float:left;
	text-align:center;
	position:relative;
	border-style:solid;
	border:solid 1px #0066FF;
	margin:1px;
	overflow:hidden;
	}

 

Thanks for the help.

[bronzemonkey]

.mydiv img {width:80%;}

[haku]

You probably could have tried it out in less time than this thread has taken!

 

Just give it a percentage width, as bronzemonkey said. It will look strange at large resolutions though.

[Derleek]

I would imagine you could limit the size of the image w/ a script?

[s1yman]

But as I said, I want it to be a percent on the div, not of its original size. ???

[bronzemonkey]

But as I said, I want it to be a percent on the div, not of its original size. ???

 

Did you even try out that simple bit of code? I think not, because then you wouldn't be asking (again) for something that has already been solved for you.

[s1yman]

Yes I obviously did, or I wouldn't be asking (again) for something that has already been solved.