Browser kompatibilitet

Hverken din HTML eller din CSS er valid.. der er fejl i begge dele.. dem skal du lige have rettet..

Check:
HTML - http://validator.w3.org/
CSS - http://jigsaw.w3.org/css-validator/

Indsæt adressen til siden i tekstboksen, og klik på Check.

Så får du at vide, hvad du skal rette.

Jeg har nu i vid udstrækning rettet min HTML og CSS. De få tiloversblevne fejl der er i min CSS er for insignifikante til at forklare hvorfor min side ikke vises som ønsket i IE. Hvad gør jeg nu?

<ole>

For det første bør du rette den JavaScript-fejl, jeg får, hvergang jeg loader siden i IE.
Dernæst er der meget i din CSS, jeg ikke forstår. Hvorfor positionerer du f.eks. så mange elementer absolute?

/mvh
</bole>

Da du nu har rettet HTML og CSS til, kan der være mindst 2 årsager, til at det går galt i IE:

1) CSS
En browsers fortolkning afhænger af producentens implementering af en standard.
Hvis producenten (Microsoft) ikke har valgt at følge CSS-standarden 100%, hvilket de ikke har, kan du have behov for at skrive speciel CSS kode til IE. Vær opmærksom på, at IE-CSS'en (f.eks din nuværende "index-ie.css") sikkert ikke længere vil overholde standarden, hvilket betyder at den ikke længere er valid.


2) Script
Browserens mulighed for fortolkning af scripts, er igen afhængigt af producentens (Microsoft) implementation af script-standarden.
Så vidt jeg ved, er det ikke "JavaScript" der er implementeret i IE, men Microsofts egen "JScript".
Både JavaScript og JScript er baseret på ECMA-Script standarden, men der er forskel dem..
Det betyder, at du igen skal bruge noget specielt kode til IE.

Umiddelbart har jeg desværre ikke forslag til løsninger af dit nuværende problem, da jeg ikke mener at besidde nok viden inden for browser-specifik viden indenfor CSS og JavaScript.

Jeg vil mene (men er ikke helt sikker) at mere erfarne brugere, som f.eks. olebole, roenving og erikjacobsen, kan hjælpe dig.
Lad os håbe at de kommer forbi.. det kan også være, at du kan fange dem et eller andet sted..

Når man snakker om solen... (tekst = tekst.replace("solen", "djævlen"))

Her er olebole.. :-)

Ok. Så vidt jeg kan se er der to problemer her. Visningen af min iframe og, hvad angår min menu-bar, fortolkningen af javascript. Det første mener jeg efterhånden at have rådet bod på. Nu viser både IE, Netscape og Opera browserne min iframe som ønsket. Det jeg har gjort er at flytte scrollbaren ind i iframe-siden mental.html. Til gengæld sker der nu underlige ting i Firefox. Hvordan i alverden fjerner jeg de overflødige overflow scrollbarer på hovedsiden blacksundog.html?

Hvordan tilpasser jeg dernæst min Javascript til også at fungere med IE?

mvh.

Der er et eller andet CSS som IE har svært ved at forstå.. Det ser rigtigt nok ud i FireFox og Opera..

For at fjerne scrollbaren, kan du f.eks. bruge overflow:hidden;

Eksempel:

body
{
overflow:hidden;
}

Tak skal du have. Jeg mangler nu blot at få min menubar til at fungere korrekt i IE. Er det min CSS eller Javascript som giver problemer i den forbindelse. Hvilke modifikationer skal jeg foretage? Håber der er nogen som kan hjælpe mig med dette sidste.

Hmm.. Hvilken menu..?

Jeg får følgende fejl i Opera:

JavaScript - http://www.blacksundog.byethost8.com/blacksundog.html
Event thread: DOMContentLoaded
Error:
name: TypeError
message: Statement on line 129: Type mismatch (usually a non-object value used where an object is required)
Backtrace:
  Line 129 of linked script http://www.blacksundog.byethost8.com/index.js
    $("kwick_sponsors_links").addEvent("click", (function (event)
{
  new Event(event).stop();
  $setMain("sponsors_links");
}
));
  Line 443 of linked script http://www.blacksundog.byethost8.com/mootools.js
    return fn.apply($pick(options.bind, fn), args);
  Line 448 of linked script http://www.blacksundog.byethost8.com/mootools.js
    return returns();
  Line 1126 of linked script http://www.blacksundog.byethost8.com/mootools.js
    fn.create({bind : this, delay : delay, arguments : args})();
  Line 228 of linked script http://www.blacksundog.byethost8.com/mootools.js
    for (var i = 0, j = this.length;i < j;i++)
      Line 1127 of linked script http://www.blacksundog.byethost8.com/mootools.js
    this.$events[type].keys.each((function (fn)
{
  fn.create({bind : this, delay : delay, arguments : args})();
}
), this);
  Line 1460 of linked script http://www.blacksundog.byethost8.com/mootools.js
    this.fireEvent("domready");
  Line 443 of linked script http://www.blacksundog.byethost8.com/mootools.js
    return fn.apply($pick(options.bind, fn), args);
  Line 448 of linked script http://www.blacksundog.byethost8.com/mootools.js
    return returns();
  At unknown location
    [statement source code not available]

Med menuen mener jeg den skiftevis lys- og mørkegrå brik-linie nederst på siden. I alle andre browsere end IE vises navnene på de forskellige brikker som også hver især forlænges når man lader musen køre over dem. I IE er de ligesom låst fast. Det er dette jeg først og fremmest ønsker at råde bod på.

Ahh, ok.. så er jeg med.. :-)

Hmm.. Du må have ændret i JavaScript koden eller CSS koden..

Det virker nemlig fint på http://mootools.net/ , hvor man kan hente scriptet..


Jeg tror at det ville være nemmeste, at starte forfra.