ARGH! Getting websites to work in IE and Opera..

liunx

Guest
Ok, I was planning on just telling all my fans to get Firefox, but I decided I would check and see if there was anything I could do without drastically changing my code..

Here is the site (note: content and links aren't really set up yet): <!-- m --><a class="postlink" href="http://sound.the-engine.org/test2/index2.html">http://sound.the-engine.org/test2/index2.html</a><!-- m -->

The .css file is here: <!-- m --><a class="postlink" href="http://sound.the-engine.org/test2/sevibrations.css">http://sound.the-engine.org/test2/sevibrations.css</a><!-- m -->

It displays properly in the latest Firefox and Mozilla suite. It does NOT display properly in the latest IE (minor odd bug, purely cosmetic), and DEFINATELY does not work right in Opera (Big cosmetic bug).

I'm just happy I finally made a site that will go through the W3C validator.

I haven't even tested it in Konqueror yet. Netscape should be fine, because as I understand, it uses the Firefox engine for rendering.

I'm torn. I really just want to tell everybody to get Firefox, and slap my W3C button on the bottom, but I realize that most of my visitors use IE.. Feh.

Any help you can offer would be great.

*edit* just realized I didn't have it set to Strict.. Now Firefox and IE both have the same problem. What do I do to fix it? (I uploaded a new version with the proper doctype, so Firefox users can see the problem). The main background is supposed to be black, by the way, and there isn't supposed to be a big white line under the header image, nor a big black line under the footer image.<!-- m --><a class="postlink" href="http://bonrouge.com/test/sociale.htm">http://bonrouge.com/test/sociale.htm</a><!-- m -->

You need to label things more correctly and not use font tags - eg. use h2 instead of '<div class="sectheader">.
The problem you posted about is explained here (<!-- m --><a class="postlink" href="http://bonrouge.com/br.php?page=faq#img-gap">http://bonrouge.com/br.php?page=faq#img-gap</a><!-- m -->).
You should also read this about 'class' and 'id'. (<!-- m --><a class="postlink" href="http://bonrouge.com/br.php?page=faq#class-id">http://bonrouge.com/br.php?page=faq#class-id</a><!-- m -->)

Good luck!Great, thanks for the information.
 
Back
Top