I have come across a problem with a couple of my sites. The problem is only in opera. If I have a image with the width and height as percentage’s it shrinks it down so you cant see it and only does this if the img is in a div. If I take it out of a div its fine. I have made up a little demo. Link is [URL=”http://www.eftel.com.au/~julien/test/fish.htm”]http://www.eftel.com.au/~julien/test/fish.htm
The code is
[code=html]<html>
<style type=”text/css”>
#fish {
padding-left:10px;
padding-right:10px;
padding-bottom:2em;
padding-top:80px;
width: 72%;
margin-top:0;
margin-right:20px;
margin-left:22%;}
</style>
<body>
<div id=”fish”>
<img src=”fish.jpg”/>
<br />
plain
<br />
<img src=”fish.jpg” width=”50%” height=”50%” />
<br />
percent 50
<br />
<img src=”fish.jpg” width=”343″ height=”301″ />
<br />
343 x 301
<br />
</div>
</body>
</html>
If I have the img with no size or size in pixels its fine. Or if i just state width in % and height in px its fine.
Is this a known opera bug or am I doing something wrong. The img displays right in ff and ie.
Any help would be appreciated
Julien