Problem mit Firefox

[o.azizi]

Hallo Leute,

ich habe für meine Seite eine ausfahrbare Tabelle auf javascript-basis integriert.
Sie funktioniert auch soweit ganz gut, nur dass es so ist, dass bei firefox der inhalt der tabelle während des ersten ausfahrens nicht sichtbar ist (unter IE funktioniert alles prima). Wenn die Tabelle dann ausgefahren ist, kann man dann den Inhalt sehen.
Weiß einer von euch vll woran das liegen könnte?

Tabellencode:

<div class="modellname"><a href="javascript:void(0)" class="dyn">2.0 TFSI quattro 180PS 6-Gang</a></div>
<div class="dyn">
<table align="center">
<tr><td> Baujahr</td><td>2008 - heute</td></tr>
<tr><td>Typbezeichnung</td><td>SUV</td></tr>
<tr><td>Hubraum</td><td>1984cm³</td></tr>
</table>
</div>

CSS:

div.dyn {
  position:relative;
  overflow:hidden;
  color: black;
  width:550px;
  background-color:#c0c0c0;
}
div.dyn table {
  position:absolute;
  left: 0px;
  border:1px solid black;
}

Ich denke mal, dass es was mit der CSS zu tun hat, vll muss ich zu "position: absolute (bei der Tabelle) noch was hinzufügen oder so....
also visibility: visible und display: block haben nichts gebracht

der link zu der Seite: http://www.autoarchiv.net/index.php/...chnische-daten

Bitte um Hilfeeeee

[kkapsner]

Deine Tabellen haben am Anfang ein top: -222px; (k.A. wo das herkommt).

[o.azizi]

Danke für die schnelle Antwort, aber das war es leider nicht,
ich habe in der css in die elemente für die tabelle ('div.dyn' und 'div.dyn table')"top: 0px;" geschrieben, aber der Fehler ist immernoch da....

[kkapsner]

Doch - genau das ist es. Irgendein Skript setzt diesen Wert per JS und überschreibt damit natürlich deinen Wert im CSS.
Schau' dir das ganze doch mal im Firebug an...

[o.azizi]

ich habe es mir gerade angeguckt, und du hast recht, es gibt ein "top: -222px" allerdings müsste das korrekt sein, was auffällt, wenn man die tabelle mit dem IE aufklappt. Die Tabelle ist genau 222px hoch und wird um genau diesen betrag nach oben verschoben. Wenn man nun auf die Schaltfläche klickt wird die tabelle nach unten geöffnet.

Also sind die -222px nötig, damit die darstellung korrekt ist...

ich hoffe es ist verständlich, was ich meine...

hier ist das script, was ich verwende (habe ich aus diesem Forum)

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

[kkapsner]

Kaum kommt man von einer Gewohnheit ab... Fehlerkonsole (Wo finde ich die Fehlerkonsole?)!
Top braucht eine Einheit.

[o.azizi]

WOWWWW, DU BIST DER BESTEEEEEEEE
es lag an dem "top"
genauer, ich musste es für die Tabelle händisch (nicht auf 0px setzen), sondern auf -222px. Beim Internet-Explorer funktionerte es wie gesagt, aber Firefox hat es anscheinend auf null gesetzt....jedenfalls wäre ich wohl nie darauf gekommen ohne deine Hilfe

viele Dank nochmal!

[kkapsner]

Bitte - gern geschehen.