Forum Moderators: not2easy
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.
.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.