473,545 Members | 2,788 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Opera 7.23 - behavior with image

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
8 1802
Neal <ne*****@spamrc n.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
Neal <ne*****@spamrc n.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
Neal <ne*****@spamrc n.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
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?


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

--
Spartanicus
Jul 20 '05 #4
Neal <ne*****@spamrc n.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
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?


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

--
Spartanicus
Jul 20 '05 #5
On Sat, 10 Apr 2004 21:30:38 -0400, Neal <ne*****@spamrc n.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
significantl y 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
On Sat, 10 Apr 2004 21:30:38 -0400, Neal <ne*****@spamrc n.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
significantl y 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
On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sb************ ******@xs4all.n l> 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
On Sun, 11 Apr 2004 10:20:58 +0200, Stephen Poley
<sb************ ******@xs4all.n l> 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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
3571
by: tony kulik | last post by:
This code works fine in ie and opera but not at all in Mozilla. Anybody got a clue as to how to get it right? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <script language="JavaScript" type="text/javascript"> function show(that) { if (box.style.visibility=='hidden') { that.style.visibility = 'visible'}; }
6
4749
by: Gustav Medler | last post by:
Hello, there is a known problem with Opera and the execution of content shown in <NOSCRIPT> tag. Everythings works fine, if there is only one simple script like: http://www.dr-wald.de/test/Opera-NOSCRIPT.html Switching off Javascript will show the alternative content. Javascript enabled will only show the JS-content, _not_ the <NOSCRIPT>...
6
2248
by: Robert Lapes | last post by:
I'm just getting into using CSS and I'm having a problem getting Opera to display a Navigation Bar in the same way as IE6. Can someone please point me in the right direction? The site I'm working on can be seen at http://www.budbury.co.uk/itel/index.htm In Opera 6.05 the Nav Bar image floats behind the content division that follows the...
4
1964
by: Erik Sandblom | last post by:
Hello all, I made a nice frame around an image, using padding and border like this: <img style="padding: 5px; margin: 5px; border: 1px solid gray" src="./stuff/gde.gif" alt="Gewerkschaft der Eisenbahner" align="right" border="0" width="201" height="43"> But Opera 7.2 squishes the image. I think it's because I've sized the
28
3392
by: Lachlan Hunt | last post by:
Hi, I've been trying, but failing to work out what is causing Opera to render my drop down menu incorrectly on my site. http://www.lachy.id.au/ For some reason, there seems to be extra margin added below each list item, that gets bigger for each subsequent item. Can someone please take a look and see if they can find my problem? It...
5
4377
by: PhilM | last post by:
I am attempting to have a floating image below page content, but above <body> In order to get this to work with mozilla+opera, am I required to have all page content set at z-index>(some number).?? When I started, I used negative z-index for my floating image, all worked in opera, not mozilla. Google indicated must set <body>...
24
2858
by: Thomas Mlynarczyk | last post by:
Hi, Here's what I have: <div> <img ...><br> Caption text </div> The div is floated left and has no width set, the content is centered, there are no margins or padding on the <img> (just a bottom margin and
5
3084
by: Jelks Cabaniss | last post by:
I asked this in two of the Opera newsgroups, but except for one person who advised me to just use namespaced HTML elements in my XML, there were no replies. Has anybody here successfully used Opera's CSS extension "-o-replace" to display images in generic XML? See below: --------- Opera has some nice (in theory) CSS extension to...
7
4032
by: mike57 | last post by:
The minimal AJAX script below works in Firefox, but not in IE, Opera, or Chrome. I could use some suggestions or referrals to resources that will help me get the script working in other browsers. Before there are six characters entered in the CAPTCHA code field, the 'Send' button is supposed to be disabled. When there are at least six...
0
7499
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7432
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7689
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
7943
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
0
6022
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5359
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5076
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3470
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1044
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.