phpBB Academy at StarTrekGuide

phpBB3 MODs and Styles Development - Olympus MOD Database - phpBB programming Academy

Skip to content

position relative bug in Opera 9.24

phpBB3 styling support, style coding, and style graphics assistance.
Forum rules
Style coding and style related questions only.
Post a reply

position relative bug in Opera 9.24

Postby Dragosvr92 » 10 Sep 2011, 13:17

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>Position Relative issue on Opera 9.24</title>
<style>

<!-- body {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 62.5%;min-width: 960px;font-weight: bold;background-color: #000;color:white;}td { padding: 5px;}
/* Code on top is just to make the page more pretty, same as the embedded css in the html tags. */


/* The writing bellow is for the .thumbnail class:

If we use position:relative; everything is allright in ALL browsers,
But, Opera 9.24 Seems to have a issue in interpreting this value.
Using position:absolute; fixes the issue With Opera 9.24 and all other browsers. The only problem there is,
is that the avatar thumb gets descentrated from the little frame. and i have no idea how to fix that.
Im aware that the browser is old and most peoples dont use it anymore, as there are newer versions where the relative value gets parsed corectly.
But... It should work on all browsers... :)
*/

.thumbnail {
   position:absolute;

}
a.thumbnail:hover {background-color: transparent;z-index: 50;}
.thumbnail span {position: absolute;background: #202221 url("./styles/LOTD/theme/images/bg_header.gif") repeat-x;padding: 4px;left: 0px;display: none;color: #FFF;text-decoration: none;}
.thumbnail span img {border-width: 0;padding: 2px;}
a.thumbnail:hover span {position:absolute;display:block;top: 20px;left: 7px;}
.memberlist-avatar {width: 22px;}
-->
</style>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div style="background: #8A8A8A;">
<table>
<tr style="background-color: #272B27;">
<td class="memberlist-avatar">
<a class="thumbnail" href="#"><span>
<img alt="" src="data:image/jpeg;base64,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" /></span>
<img alt="" src="data:image/jpeg;base64,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"  height="25" width="25"/>
</a>
</td>
<td><span class="rank-img">Site Admin</span><a href="#" style="color: rgb(170, 0, 0);" class="username-coloured">TheKiller</a> </td>
</tr>
</table>
</div>



Any ideas how may i get this Working in that crappy old browser also? :confused:
You can reproduce the error by viewing the avtar on memberlist mod on Opera 9.24
Previous username: TheKiller
Avatar on Memberlist 1.0.3

Image
User avatar
Dragosvr92     Radulescu Dragos
MOD Author
MOD Author
 
Posts: 362
Joined: 26 Sep 2009, 10:32
Location: Romania
Gender: Male
phpBB Knowledge: 3
Top
Advertise on StarTrekGuide/phpBB Academy



phpBB Academy at StarTrekGuide
Support STG
Using PayPal Donate

Re: position relative bug in Opera 9.24

Postby Sniper_E » 11 Sep 2011, 20:57

TheKiller wrote:Any ideas how may i get this Working in Opera 9.24[/url]

Nope, what is that? I've seen scrambled eggs, but that looks like scrambled code.
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™
User avatar
Sniper_E     Ed
STG Jedi Master
STG Jedi Master
 
Posts: 6991
Joined: 31 May 2006, 06:29
Location: Shreveport, LA
Favorite Team: The STG Team
Gender: Male
phpBB Knowledge: 6
Top

Re: position relative bug in Opera 9.24

Postby Dragosvr92 » 12 Sep 2011, 04:27

Just use position:relative and position:absolute, in the thumbnail class.
If i use position:relative; it works perfect in every browser, but not Opera 9.24, earlyer or a bit older versions. In the last Opera version is perfect.


If i use position:absolute, the thumb displays good in opera, and every other browser, but the image thumb gets descentrated from the frame...
Previous username: TheKiller
Avatar on Memberlist 1.0.3

Image
User avatar
Dragosvr92     Radulescu Dragos
MOD Author
MOD Author
 
Posts: 362
Joined: 26 Sep 2009, 10:32
Location: Romania
Gender: Male
phpBB Knowledge: 3
Top

Re: position relative bug in Opera 9.24

Postby topdown » 12 Sep 2011, 18:57

Its broke for me in the latest FireFox with the code above.

I need the image ./styles/LOTD/theme/images/bg_header.gif
To do more accurate testing

This is what I have now and it aligns properly in FF
Spoiler:
Code: Select all
   .thumbnail {
      position: relative;

   }

   a.thumbnail:hover {
      background-color: transparent;
      z-index:          50;
   }

   .thumbnail span {
      position:        absolute;
      background:      #202221 url("./styles/LOTD/theme/images/bg_header.gif") repeat-x;
      padding:         4px;
      left:            0;
      display:         none;
      color:           #FFF;
      text-decoration: none;
   }

   .thumbnail span img {
      border-width: 0;
      padding:      2px;
   }

   a.thumbnail:hover span {
      position: absolute;
      display:  block;
      top:      20px;
      left:     7px;
   }

   .memberlist-avatar {
      position: relative;
      width: 22px;
   }


But like I said I need that background image.
Do not PM me for Support unless I give permission in a post......PM's only help one, posts help everyone !
User avatar
topdown     Jeff
STG Styles Leader
STG Styles Leader
 
Posts: 3027
Joined: 01 Oct 2007, 22:56
Location: Handyman's harddrive
Favorite Team: STG Teams
Gender: Male
phpBB Knowledge: 9
Top

Re: position relative bug in Opera 9.24

Postby Dragosvr92 » 12 Sep 2011, 22:35

the image is irelevant, i forgot to remove it. i let the extra junk code there to produce the frame, for you to see that it descentrates if i use the absolute element.

It shows right in FF and any other browser, besides Opera 9, with the relative element.
But, if you use position absolute it descentrates the avatar....
Previous username: TheKiller
Avatar on Memberlist 1.0.3

Image
User avatar
Dragosvr92     Radulescu Dragos
MOD Author
MOD Author
 
Posts: 362
Joined: 26 Sep 2009, 10:32
Location: Romania
Gender: Male
phpBB Knowledge: 3
Top

Re: position relative bug in Opera 9.24

Postby topdown » 12 Sep 2011, 23:39

The parents should be position: relative.
So both .thumbnail and .memberist-avatar should be position relative.
Which works in Opera 10.10, FireFox 6.0.2, Chrome, Safari, IE6, IE7, IE8
The old Opera is wrong.

Even worse, your base64 image does not work in IE6 or IE7.
There are a lot more people using IE7 than Opera :)

Anyway, show me a screenshot of what Opera 9.24 is doing and maybe I can debug it from that.
I don't want to downgrade Opera just to fix a bug that will most likely never be seen.
Do not PM me for Support unless I give permission in a post......PM's only help one, posts help everyone !
User avatar
topdown     Jeff
STG Styles Leader
STG Styles Leader
 
Posts: 3027
Joined: 01 Oct 2007, 22:56
Location: Handyman's harddrive
Favorite Team: STG Teams
Gender: Male
phpBB Knowledge: 9
Top

Re: position relative bug in Opera 9.24

Postby Dragosvr92 » 13 Sep 2011, 05:36

Well yes, but position absolute seems to fix the issue in Opera 9. So i said we might try using that, which works in all browsers. But the descentrated issue apears when using that.

I have tested the code in all browsers you've specified and it worked fine. Just said we may try fixing this too, for full compability in every browser.
I've only used those base64 images for this testing code. its not present in the real thing..

Im aware no one uses that browser anymore...
I dont really know what to snapshot. When you see the bigger image, and get the mouse from it, it will leave some pieces of the borders to show, and they disspear if u do something to the page, like minimizing etc...

I just made a small video with the issue... When u see Notepad++ i switched from relative to absolute, and it fixed the problem.
Attachments
2111.rar
Video Demo in Opera 9.24
(105.52 KiB) Downloaded 16 times
Previous username: TheKiller
Avatar on Memberlist 1.0.3

Image
User avatar
Dragosvr92     Radulescu Dragos
MOD Author
MOD Author
 
Posts: 362
Joined: 26 Sep 2009, 10:32
Location: Romania
Gender: Male
phpBB Knowledge: 3
Top

Re: position relative bug in Opera 9.24

Postby Dragosvr92 » 14 Sep 2011, 09:23

Well, Anyone O.o
Previous username: TheKiller
Avatar on Memberlist 1.0.3

Image
User avatar
Dragosvr92     Radulescu Dragos
MOD Author
MOD Author
 
Posts: 362
Joined: 26 Sep 2009, 10:32
Location: Romania
Gender: Male
phpBB Knowledge: 3
Top

Re: position relative bug in Opera 9.24

Postby Sniper_E » 14 Sep 2011, 10:07

We use IF IE statements to change sections of a style for the IE browser. If Opera needs a different setting for position to layout right, then find the correct code for IF Opera and change the code for that browser.

Like:
<!-- IF Opera --> style="position: absolute;"<!-- ELSE --> style="position: relative;"<!-- ENDIF -->

Do a search and find the correct IF statement for that and try it.

[ Post made via HTC Inspire] Image
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™
User avatar
Sniper_E     Ed
STG Jedi Master
STG Jedi Master
 
Posts: 6991
Joined: 31 May 2006, 06:29
Location: Shreveport, LA
Favorite Team: The STG Team
Gender: Male
phpBB Knowledge: 6
Top

Re: position relative bug in Opera 9.24

Postby Dragosvr92 » 14 Sep 2011, 22:25

No mate... position: absolute; works in EVERY BROWSER. The only problem is that using possition absolute is decentrateing the img thumb.
Previous username: TheKiller
Avatar on Memberlist 1.0.3

Image
User avatar
Dragosvr92     Radulescu Dragos
MOD Author
MOD Author
 
Posts: 362
Joined: 26 Sep 2009, 10:32
Location: Romania
Gender: Male
phpBB Knowledge: 3
Top
Next
Post a reply

Return to phpBB3 Styling Assistance

Who is online

Users browsing this forum: No registered users and 7 guests

Advertise on StarTrekGuide/phpBB Academy


Support STG Using PayPal Donate
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
© 2006 StarTrekGuide / phpBBAcademy

Time : 2.435s | 17 Queries | GZIP : On