Junior Coders
Firefox image scaling problem
Hey all here is my page I am working on. As you can see the image won't scale, I want to scale it by height but it won't let me. Please help me. I've tried for a month already....I got it to work on Safari though.
The point of this is not having to shrink all my photos.
John
Last edited by jzhang1013; 12-21-2008 at 08:07 PM.
Elite Coders
You mean you want the image to be displayed smaller? Why not just shrink it in a photo app it will save load time and space.
Who ya gonna call?
Do you want to get the image to be the same size as the browser window? Try setting the position of the wrapping div (#x) to relative and the margin of the image to 0.
Junior Coders
The same height yes, width no.Originally Posted by Snookerman
Junior Coders
thing is that I simply coded it here and it works both in safari and firefox, but it doesnt work with my code i have now......
Who ya gonna call?
Remove the width="100%" from the image then.
Junior Coders
there is no width="100%" on the image. unless you spotted it somewhere? Main problem is that Firefox is ignoring and overriding my div container and allowing the image within the container to be bigger than the container itself....
Last edited by jzhang1013; 12-21-2008 at 11:29 PM.
Who ya gonna call?
This is what I see in Firebug:Code:<img height="100%" width="100%" src="/img/x.gif"/>
Junior Coders
no no the code under it is what I'm trying to change
PHP Code:<div id="image"><img src="yadayada.jpg" alt="" /></div>
Junior Coders
no more input?
Posting Permissions
Reply With Quote
Bookmarks