Log in

View Full Version : [FF2x] Another absolute positioning problem



Imperator
08-19-2008, 04:40 PM
Hello,
To begin with I've been searching for a solution the entire day and I couldn't find anything. I mean I found a lotta stuff about positioning in FF but my problem is slightly different.

Ok, here's the thing:
http://ds5.agh.edu.pl/~keanux/Ewa3/pl/about2.php

There are two yellow arrows in the bottom that dare to disappear in FF2. Everything works fine on IE, Opera and FF3 but it refuses to work on FF2. I used the following CSS in reference to the arrows:

.arrow1 {
position: absolute;
left: 67em;
top: 34em;
}

(the entire CSS is here: http://ds5.agh.edu.pl/~keanux/Ewa3/style/style.css)

When I erase position: absolute, the arrows are displayed (not the way I'd like them to, but they are after all) but when I put it back they disappear.

Does FF2x have problems with absolute positioning or did I mess something up?

Cheers

TheJoshMan
08-19-2008, 08:16 PM
Not many people know this, but the measurement "em" is actually the height and width of the capital letter "M" in the current font and style. I saw your arrows as the page was loading, so rest assured they're there. They are just hidden behind the main content because you did not position them correctly.

Try using either relative positioning, OR use an "absolute" measurement such as "pt" or "pc" (points and picas).

My suggestion however, would be to use relative positioning and use the measurement "px" (pixels). More times than not, this is the most accurate method. It depends a lot on the environment the user is viewing the page in, but the vast majority of your users would benefit from this unit of measurement.

Imperator
08-19-2008, 10:30 PM
Thanks for the answer. Unfortunately it doesn't work. It appears that in spite of everything the arrows are hidden behind some divs. I need to figure out how to change priorities... This is ridiculous by the way. I hope FF2x disappears in favour of FF3 :P

EDIT: It seems I have solved the problem. Your response inspired me to move <img> tags throughout all major divs and I found out that only one of them allows the arrows to stay on top. Weird but works... Thanks a lot!