Hi Guys,
I am a newbie here and I need all of you to help me with this challenging taks.
The project is on
http://www.ieuc.org, you should check it before you keep read. The central problem is, the serious cross-platform problem, which causes, something works in firefox, doesn't work at all in internet explorer. And, it is just the beginning of the case.
Before you start, well, I know the job description below will be a little overwhelming for you guys who would rather read some solutions in spare time, but I hope we can discuss about it together to work something out to solve the problem. Thanks in advance.
Sincerely,
TT
Let's get started.
The display of our section tabs at the top of each page does
not look right in Explorer during roll overs. The effect which is
a "sliding door" trick that attaches different color versions of
two background images to form the left edge and main body of each
tab fails to keep the colors of both halves in synch leading to a
blue left edge with a different color main body. These techniques
are described on "A List Apart". Also the tabs should be flush
with the gold horizontal bar that runs the length of the top of
each page. In Explorer the tabs separate from it by a few pixels.
We are willing to ignore this and any other purely cosmetic
issues.
There are also some cases were the display breaks up if a user
sets a high zoom magnification for the text on a page. We can
ignore this as well.
It may be possible to fix some of these problems by adding
extra div's to enclose things. But if doing so would disrupt how
the page looks and works in Safari/Firefox, we would rather leave
the glitches in place with the exception of our main problem of
the content being tossed off screen.
So our main goal here is minimal tweaking of the CSS so it
still validates while making the main content of each page legible
across browsers. If the look is still a little off after the CSS
changes, that doesn't matter very much since we are actively
encouraging all of our visitors to switch browsers to Firefox or
Safari for optimal viewing.
Our only really serious problem with the current site is that
if a first time visitor jumps directly to our home page with
Explorer, he or she may never see the note warning him or her to
use a different browser since Explorer displaces it so far off
screen and may, instead, dismiss our organization as being
technically incompetent.
If this major layout issue can't be fixed in a universal CSS
file, we'd want a PHP browser sniffer to swap in an
Explorer-specific alternate style sheet and we would probably list
that as a separate task since it would probably take a lot more
work.
As a final hint, I had some mixed luck experimenting with
absolute positioning in Explorer to simulate our current layout.
But we opted to use fixed positioning combined with floating
elements because we wanted our logo at the top of the left sidebar
to remain visible and locked in place above any link rollover text
as the user scrolls through really long pages.
