Opera 7.23 - behavior with image

[Neal]

1) Set Opera in User mode with images and no CSS.

2) Load http://users.rcn.com/neal413/brassattack/index.html

3) Note the rendered height and width of the photograph.

4) Switch to CSS version, The CSS applied to the picture is

#bandpic {
float: left;
padding: 1em 2em;
}

which AFAIK should not affect rendered size, but only position on page and
space around the image.

5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.

Any explanation? Is it something I've done, or a strange bug I never saw
coming?

[Karl Smith]

Re: Opera 7.23 - behavior with image

Neal <neal413@spamrc n.com> wrote:
[color=blue]
> 5) Note the picture is the same width as previously rendered, but
> significantly shorter, like we're all troglodytes or something.
>
> Any explanation? Is it something I've done, or a strange bug I never saw
> coming?[/color]

http://groups.google.com/groups?hl=en&lr=&ie=UTF-8&oe=UTF-8&threadm=3d18d2.0402012348.84135a5%40posting.google.com&rnum=1&prev=/groups%3Fhl%3Den%26lr%3D%26ie%3DUTF-8%26oe%3DUTF-8%26selm%3D3d18d2.0402012348.84135a5%2540posting.google.com

--
Karl Smith.

[Karl Smith]

Re: Opera 7.23 - behavior with image

Neal <neal413@spamrc n.com> wrote:
[color=blue]
> 5) Note the picture is the same width as previously rendered, but
> significantly shorter, like we're all troglodytes or something.
>
> Any explanation? Is it something I've done, or a strange bug I never saw
> coming?[/color]

http://groups.google.com/groups?hl=en&lr=&ie=UTF-8&oe=UTF-8&threadm=3d18d2.0402012348.84135a5%40posting.google.com&rnum=1&prev=/groups%3Fhl%3Den%26lr%3D%26ie%3DUTF-8%26oe%3DUTF-8%26selm%3D3d18d2.0402012348.84135a5%2540posting.google.com

--
Karl Smith.

[Spartanicus]

Re: Opera 7.23 - behavior with image

Neal <neal413@spamrc n.com> wrote:
[color=blue]
>1) Set Opera in User mode with images and no CSS.
>
>2) Load http://users.rcn.com/neal413/brassattack/index.html
>
>3) Note the rendered height and width of the photograph.
>
>4) Switch to CSS version, The CSS applied to the picture is
>
>#bandpic {
>float: left;
>padding: 1em 2em;
>}
>
>which AFAIK should not affect rendered size, but only position on page and
>space around the image.
>
>5) Note the picture is the same width as previously rendered, but
>significantl y shorter, like we're all troglodytes or something.
>
>Any explanation? Is it something I've done, or a strange bug I never saw
>coming?[/color]

Bug in Opera 7.2x, fixed in the 7.5 previews.

--
Spartanicus

[Spartanicus]

Re: Opera 7.23 - behavior with image

Neal <neal413@spamrc n.com> wrote:
[color=blue]
>1) Set Opera in User mode with images and no CSS.
>
>2) Load http://users.rcn.com/neal413/brassattack/index.html
>
>3) Note the rendered height and width of the photograph.
>
>4) Switch to CSS version, The CSS applied to the picture is
>
>#bandpic {
>float: left;
>padding: 1em 2em;
>}
>
>which AFAIK should not affect rendered size, but only position on page and
>space around the image.
>
>5) Note the picture is the same width as previously rendered, but
>significantl y shorter, like we're all troglodytes or something.
>
>Any explanation? Is it something I've done, or a strange bug I never saw
>coming?[/color]

Bug in Opera 7.2x, fixed in the 7.5 previews.

--
Spartanicus

[Stephen Poley]

Re: Opera 7.23 - behavior with image

On Sat, 10 Apr 2004 21:30:38 -0400, Neal <neal413@spamrc n.com> wrote:
[color=blue]
>1) Set Opera in User mode with images and no CSS.
>
>2) Load http://users.rcn.com/neal413/brassattack/index.html
>
>3) Note the rendered height and width of the photograph.
>
>4) Switch to CSS version, The CSS applied to the picture is
>
>#bandpic {
>float: left;
>padding: 1em 2em;
>}
>
>which AFAIK should not affect rendered size, but only position on page and
>space around the image.
>
>5) Note the picture is the same width as previously rendered, but
>significantl y shorter, like we're all troglodytes or something.[/color]

Which one is you?
[color=blue]
>Any explanation?[/color]

Up to a point. You've set the width and height attributes in the HTML. I
seem to recall that browsers interpret these differently if you then
apply CSS padding as well, some squeezing it inside and shrinking the
image, and some not.

It's weird that Opera only does it in one dimension; I'd call that a
bug. At a guess it has something to do with the float.

Try using margin instead of padding and see if that helps. If all else
fails, remove the width/height from the HTML.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

[Stephen Poley]

Re: Opera 7.23 - behavior with image

On Sat, 10 Apr 2004 21:30:38 -0400, Neal <neal413@spamrc n.com> wrote:
[color=blue]
>1) Set Opera in User mode with images and no CSS.
>
>2) Load http://users.rcn.com/neal413/brassattack/index.html
>
>3) Note the rendered height and width of the photograph.
>
>4) Switch to CSS version, The CSS applied to the picture is
>
>#bandpic {
>float: left;
>padding: 1em 2em;
>}
>
>which AFAIK should not affect rendered size, but only position on page and
>space around the image.
>
>5) Note the picture is the same width as previously rendered, but
>significantl y shorter, like we're all troglodytes or something.[/color]

Which one is you?
[color=blue]
>Any explanation?[/color]

Up to a point. You've set the width and height attributes in the HTML. I
seem to recall that browsers interpret these differently if you then
apply CSS padding as well, some squeezing it inside and shrinking the
image, and some not.

It's weird that Opera only does it in one dimension; I'd call that a
bug. At a guess it has something to do with the float.

Try using margin instead of padding and see if that helps. If all else
fails, remove the width/height from the HTML.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/

[Neal]

Re: Opera 7.23 - behavior with image

On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sbpoleySpicedH amTrap@xs4all.n l> wrote:[color=blue][color=green]
>> 5) Note the picture is the same width as previously rendered, but
>> significantly shorter, like we're all troglodytes or something.[/color]
>
> Which one is you?[/color]

I'm the trog with the bone...
[color=blue]
> Try using margin instead of padding and see if that helps.[/color]

Seems to have made us less ugly. Though that's beyond the capacity of CSS
to repair. Thanks!

[Neal]

Re: Opera 7.23 - behavior with image

On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sbpoleySpicedH amTrap@xs4all.n l> wrote:[color=blue][color=green]
>> 5) Note the picture is the same width as previously rendered, but
>> significantly shorter, like we're all troglodytes or something.[/color]
>
> Which one is you?[/color]

I'm the trog with the bone...
[color=blue]
> Try using margin instead of padding and see if that helps.[/color]

Seems to have made us less ugly. Though that's beyond the capacity of CSS
to repair. Thanks!