Zwei mal der gleiche Firefox - unterschiedliche Darstellung

[Lin]

Guten Morgen,

Ich musste gerade feststellen, dass folgende Seite bei mir im _selben_
Firefox (1.5.0.3) auf unterschiedlichen Rechnern (beide WinXP SP2)
verschieden dargestellt wird.

Ich habe mal 2 Referenzbilder erstellt, die das Phänomen demonstrieren:

(korrekt) http://pierogi.dyndns.org/ref_1.png
(falsch)  http://pierogi.dyndns.org/ref_2.png

Wie gesagt, unterschiedliche Rechner, aber beides mal FF.
IE und Opera stellen es auf beiden Rechnern wie in (korrekt) dar.
Jetzt würde mich interessieren, ob...

1.
... die Seite bei euch korrekt angezeigt wird (Firefox):
http://pierogi.dyndns.org/

2.
... mir jemand sagen kann, woran das liegt ;).
Der Markup für jeweils eine Zeile (Datum weiss rechts ausgerichtet

• grünes Feld daneben) sieht so aus (schematisch):

  
<ul>  
  <li>  
    <div class="split-left">  
      <a class="date-white">25. Februar 2006</a>  
    </div>  
    <div class="split-right">  
      <p class="turq-even">  
      Text Text Text Text Text  
      </p>  
    </div>  
  </li>  
  .  
  .  
  .  
</ul>  

CSS-Code:

  
div.row-content ul {  
    list-style-type: none;  
    list-style-position: inside;  
    margin: 0;  
    padding: 0;  
}  
  
div.row-content li {  
    clear: both;  
}  
  
div.split-left {  
    float: left;  
    width: 229px;  
  
}  
  
div.split-right {  
    float: right;  
    width: 347px;  
}  
  
a.date-white {  
    background-color: #fff;  
    color: #272727;  
    padding-left: 6px;  
    padding-right: 6px;  
    font-size: 11px;  
    float: right;  
    text-align: right;  
    text-decoration: none;  
}  
  
p.turq-odd,  
p.turq-even {  
    width: 290px;  
    padding: 4px 8px 3px 6px;  
    font-size: 12px;  
    line-height: 12px;  
    margin: 0;  
}  
  
p.turq-odd {  
    background-color: #688b89;  
    color: #ffffff;  
}  
  
p.turq-even {  
    background-color: #8baeac;  
    color: #fff;  
}  
  
p.turq-odd a,  
p.turq-even a {  
    color: #fff;  
    text-decoration: underline;  
}  

Hat jemand eine Idee, woran das liegen könnte? Und wie das sein kann?
FF != FF?

Für jede Hilfe sehr verbunden,

Lin

[Pierre]

Hi

Ich musste gerade feststellen, dass folgende Seite bei mir im _selben_
Firefox (1.5.0.3) auf unterschiedlichen Rechnern (beide WinXP SP2)
verschieden dargestellt wird.

Ist bei mir kein Problem. Win oder Mac FF1.5.03. Die Darstellung ist korrekt und macht nicht den Fehler wie auf deinem Screenshot.

Trotz allem eine kleine Frage:
Wieso löst du die Geschichte so kompliziert über eine Liste? Tabellen sind in Barrierefreien Seiten nicht verboten, besonders wenn man tabellarischen Inhalt darstellen möchte und das ist es ja.

Und der Code wird mit der Tabelle auch net so kompliziert.
<table class="termine">
  <tr>
    <td class="datum"><a href="irgendwas.html">25. Februar 2006</a></td>
    <td class="hell">lauftext, bla bla bla</td>
  </tr>
</table>

Im CSS brauchste dann ja nur .datum a {} zu definieren und den Textzellen musste nur die Klasse hell und dunkel für Hintergründe angeben. Dein komplizierter Code mit floats und allem kannste dann auch vergessen...

Ist nur so ne Idee, aber auf Teufel komm raus Tabellen vermeiden ist auch nicht Sinn der Sache. Und wenn du auf Barrierefreiheit machst, ist ne Flashnavi eh auch nicht das richtige.

Gruss
Pierre

[Lin]

Hi Pierre,

Wieso löst du die Geschichte so kompliziert über eine Liste?

Danke für deine Hinweise. Werd mir das nochmal überlegen, zudem
ich das ganze zuvor schon in Tabellen hatte.
Zwar nicht der Semantik wegen, sondern aus alter Tabellen-Gewohnheit ;)
Aber man kanns wohl auch übertreiben...

Was ich nach wie vor nicht verstehe, ist dieses nicht reprodizierbare
Verhalten im Firefox, weil ich jetzt nicht mehr wirklich sicher sein
kann, das der gleiche Browser auf dem gleichen System die Sachen so
anzeigt, wie ich es erwarte. Naja, strange...

Schönen Tag noch,

Lin

[Jansen]

Moin,

die "falsche" Darstellung Deiner Seite hängt mit der eingestellten Schriftgröße im Firefox zusammen. Wenn Du die Schriftgröße im Firefox änderst (mit STRG + oder -) kannst Du es sehen (darauf achten, dass die eingestellte kleinste Schriftgröße klein genug ist)

Tschüß,
Jansen