By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,487 Members | 1,067 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,487 IT Pros & Developers. It's quick & easy.

Opera 7.23 - behavior with image

P: n/a
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?
Jul 20 '05 #1
Share this Question
Share on Google+
8 Replies


P: n/a
Neal <ne*****@spamrcn.com> wrote:
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?


http://groups.google.com/groups?hl=e...ing.google.com

--
Karl Smith.
Jul 20 '05 #2

P: n/a
Neal <ne*****@spamrcn.com> wrote:
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?


http://groups.google.com/groups?hl=e...ing.google.com

--
Karl Smith.
Jul 20 '05 #3

P: n/a
Neal <ne*****@spamrcn.com> wrote:
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?


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

--
Spartanicus
Jul 20 '05 #4

P: n/a
Neal <ne*****@spamrcn.com> wrote:
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?


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

--
Spartanicus
Jul 20 '05 #5

P: n/a
On Sat, 10 Apr 2004 21:30:38 -0400, Neal <ne*****@spamrcn.com> wrote:
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.
Which one is you?
Any explanation?


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/
Jul 20 '05 #6

P: n/a
On Sat, 10 Apr 2004 21:30:38 -0400, Neal <ne*****@spamrcn.com> wrote:
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.
Which one is you?
Any explanation?


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/
Jul 20 '05 #7

P: n/a
On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sb******************@xs4all.nl> wrote:
5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.
Which one is you?


I'm the trog with the bone...
Try using margin instead of padding and see if that helps.


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

P: n/a
On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sb******************@xs4all.nl> wrote:
5) Note the picture is the same width as previously rendered, but
significantly shorter, like we're all troglodytes or something.
Which one is you?


I'm the trog with the bone...
Try using margin instead of padding and see if that helps.


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

This discussion thread is closed

Replies have been disabled for this discussion.