Forum Moderators: not2easy

Message Too Old, No Replies

What are all the hacks for Opera relating to CSS?

This has to do mostly with Absolute Positioning Issues.

         

Eastwood

4:40 pm on Oct 21, 2004 (gmt 0)

10+ Year Member



Could anyone provide me with a list of the hacks relating to Opera?

I have been working on postioning problems between the browsers. I have solved the problems I needed to for everything except Opera. The way Opera is displaying I can live with but would love to fix the positioning problems anyway.

To summerize I ran into a postioning problem between the left box, the center box and the right box. I am using Absolute Position because this is the only bug free way to display a complex 5 box web page where I have a header, left, center, right and bootm box.

DrDoc

6:47 pm on Oct 25, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



What kind of bugs are we talking? And, which version of Opera?
You should be able to use standard CSS with Opera obeying the rules just as well as (sometimes even better than) Mozilla.

No hacks should be needed for Mozilla/Opera.

JAB Creations

7:58 pm on Oct 25, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I've totally tweaked out my statistics script and I see no reason to even bother testing sites with anything less then Opera 7. I get a pretty decent load of traffic and I test my site with Opera all the time. Also don't worry about spoofers... they don't come in droves with old Opera browser anyway.

Eastwood

11:32 am on Oct 26, 2004 (gmt 0)

10+ Year Member



The problem is that Opera is not as perfect as one might think.

.leftbox {
MARGIN-TOP: 131px;
LEFT: 1px;
WIDTH: 125px;
BORDER: 1px solid #808080;
BACKGROUND-COLOR: #345E8F;
POSITION: absolute
}
.middlebox {
MARGIN-TOP: 131px;
LEFT: 129px;
WIDTH: 502px;
PADDING: 5px;
BACKGROUND-COLOR: #FFFFFF;
POSITION: absolute
}
.rightbox {
MARGIN-TOP: 131px;
LEFT: 643px;
WIDTH: 125px;
BORDER: 1px solid #808080;
BACKGROUND-COLOR: #C3DCF5;
POSITION: absolute
}

This is not the entire CSS but enough to explain the issue.

I am testing against the latest versions of Explorer, Netscape and Opera.

When using the above CSS I have a gap between the middle box and the right box. For Netscape it is 1 pixel, for Explorer it's 3 pixels but for Opera it 10 pixels.

Seems that Opera has a glitch in it somewhere.