Im trying to create a gallery for my website, so i use max-height/width to resize the photo, and it doesnt work in firefox and ie. I also tried overflow: hidden, and didnt fix it.
You can view the problem (in firefox and ie) on my website — http://guyzyl.org/highlights.html –, click on any photo to see the problem. Thanks in advance!
Im trying to create a gallery for my website, so i use max-height/width to
Share
The problem is that you’re assigning the wrong values to those properties. You’re setting the width, for example, to “100%”. That percentage refers to the width of the container element, whose width is that of the whole window. The photo, which is offset on the left by that huge arrow thing, therefore spills off the screen to the right.
You should just use Firebug to play with the property values to come up with something appropriate. You should consider using a percentage to size the arrow control too.