Im IE Top, im Mozilla/Opera Flop, was tun?

[JPSelter]

Habe soeben eine Clan-Website fertiggestellt, hauptsächlich auf IE ausgerichtet mit scrollbaren Tabellen, CSS Tags etc. Jetzt kommen aber immermehr User an, dass sie Darstellungsfehler unter Firefox und Opera haben. Scrollbare Tabellen werden zusammengequetscht wiedergegeben, per SPAN-Tag positionierte Flashs liegen falsch und andere Sachen. Wenn wir nicht ein paar Linux und Mac User hätten, würde ich ja sagen "benutzt bitte den IE", aber ich muss irgendwie versuchen, einige Dinge umzuändern, dass sie immernoch ihren Dienst erledigen, aber trotzdem überall darstellbar sind. Weiss jemand wie? Schaut selbst:

http://www.vvv-velvets.de

Vergleicht es in verschiedenen Browsern.

[c4]

ich muss irgendwie versuchen, einige Dinge umzuändern, dass sie immernoch ihren Dienst erledigen, aber trotzdem überall darstellbar sind. Dann nimm bloß Zeug, was jeder Browser kapiert. Verzichte auf CSS-Experimente, JavaScript und absolute Positionierungen.

Vielleicht ist Dein Quelltext auch einfach nur fehlerhaft. Prüfen, dort: http://validator.w3.org/


PS: Es gibt keine "für den Browser XY optimierte" Seiten, nur schlecht geschriebene!

[JPSelter]

Das denke ich auch, habe mich bisher nie darum gekümmert, obs überall funzt. Solange es im IE funktionierte war ich zufrieden...
Habe eben aber die Fehler in den Flash-Flammen herausgefunden, da sind 2 Größenangaben, die erste nimmt der IE, die zweite nimmt der Mozilla, da war ein Fehler, jetzt sehen sie in beiden Browsern richtig aus. Dann hatte ich noch einen Fehler gefunden bei der JukeBox unten rechts, die klappt jetzt auch ohne Fehler.
Allerdings habe ich immernoch Ärger mit den scrollbaren Tabellen. Ich habe eine Testseite gefunden, da klappt die Tabelle mit dem Mozilla (http://www.blognroll.com/html/scrollbare_Tabelle.htm), genauso habe ich es doch hier auch gemacht: http://www.vvv-velvets.de/news.php aber es klappt dort nicht... ich verstehe nicht wieso...

[c4]

Du musst Unterscheiden zwischen scrollbaren Tabellen, Inline-Frames und Frames.

Diese vvv-velvets nutzen Frames. Außerdem ist diese Seite eine schlichte Unverschämtheit: 2 MB ist nicht akzeptabel. Aber naja, nicht Dein Verschulden.

Zu blognroll.com kann ich Dir nur sagen: Schau Dir den Quelltext an!

mkorsakov.de nutzt so etwas übrigens auch. Ergo: Learning by lesing. ;)

[JPSelter]

Ich raffs immernoch nicht... ich habe das Gefühl, es klappt wenn ich strikte Angaben mache wie 100px, aber sobald ich %-Angaben benutze bezieht er diese Angaben nicht auf die Fenstergrösse (IE) sondern auf die gesamte Länge der Seite (Mozilla).

Ich habe sogar schon http://garyblue.port5.com/webdev/scrollingtable.html probiert, aber ich verstehe diese em-Angabe nicht. Sie scheint fix zu sein, aber muss relative Prozent-Angaben haben...

[c4]

blognroll.com hat das <div>-Ding auch in eine Tabelle gepackt. Hast Du das auch schon mal versucht?

[JPSelter]

Ja habe ich. Das Problem mit dem blognroll ist dass er fixe px-Angaben macht. Wenn ich dieses Script nun umschreibe auf %-Angaben klappt sein Script auch nicht mehr.

Der andere Link da oben scheint eher in die Richtung der Lösung zu gehen, aber wie gesagt, diese em-Angabe verstehe ich nicht. Die Tabelle ist nun scrollbar, aber hat eine fixe Höhe von 100px oder so. Diese em-Angabe scheint das zu produzieren: http://www.vvv-velvets.de/news2.php

[Jürg]

Vielleicht einmal ganz grundsätzlich, es geht nichts um validierte Seiten! Auf alles was nicht validierbar ist, verzichte ich lieber.
Heute erstelle ich alle Seiten XHTML gerecht. Dazu verwende ich als Browser Mozille / NN mit dem Tool Web Developer (http://www.chrispederick.com/work/firefox/webdeveloper/), das fügt eine zusätzliche Befehlsleiste ein mit vielen Funktionen die zur Entwicklung sehr nützlich sind. Sehr zu empfehlen!
Zudem, was soll das:
Warning: You will notice some errors while using NetScape, please use MSIE only. Best seen at 1024x768x24
Eine völlig unnötige Angabe. Als Webmaster soll man eben so programmieren, dass alle Kunden bedient werden und nicht jeder fünfte eine Ohrfeige bekommt. Zudem wieso die Angabe in Englich, wenn es eine Deutschsprachige Seite ist?
>> hier klicken für die Light-Version <<
Wenn auf einer Seite eine Light-Version angeboten wird, so verwende ich immer diese. Sie ist immer schneller, ohne Informationsverlust und ohne bewegte Bildchen.
Nun ich habe eine Aversion gegen Flash, denn meist wird damit nichts wirklich gutes (und damit das eigentliche Ziel) realisiert, sondern nur bewegte Bildchen die von der eigentlichen Aussage nur ablenken.

[JPSelter]

Jürg, das siehst Du etwas zu verklemmt ;) Aber stimmt, die Angabe kann weg, die ist aber auch schon 4 Jahre alt, die würde ich heute rausnehmen...

Ich mag auch kein Flash, aber diese Website gibt es seit 4 Jahren und am Prinzip hat sich nichts geändert. Ausserdem lenkt unser Flash nicht ab, sondern fördert die Atmosphäre, ich kann da genug Member zitieren, die ohne die Flash-Jukebox nicht leben könnten.

Den Tip mit dem Web-Developer werde ich mal verfolgen. Aber erstmal brauche ich Hilfe bei scrollbaren Tabellen.

[c4]

ich kann da genug Member zitieren, die ohne die Flash-Jukebox nicht leben könnten. So wie Du sie gezwungen hast damit zu leben, genau so kannst Du sie auch wieder an ein vernünftiges Leben ohne Flash gewöhnen... ;)


Ich freue mich schon heute auf den Tag, an dem ich FlashHasser.de wieder zum Leben erwecke!

[Jürg]

Danke, ohne Flash könnte ich gut leben, ohne Web-Developer könnte es schwer werden! Der Download geht schneller als die meisten Intros (und bringt mehr). Wirklich sehr zu empfehlen!!

[JPSelter]

Ja weiss den niemand was diese "em"-Angabe bedeutet. Das soll jetzt hier nicht offtopic werden...

[c4]

Original geschrieben von JPSelter
Ja weiss den niemand was diese "em"-Angabe bedeutet. Das soll jetzt hier nicht offtopic werden... --> http://www.selfhtml.net/css/formate/wertzuweisung.htm#numerische

[JPSelter]

OK, wie siehts mit IFrames aus? Unser Forum benutzt IFrames und diese werden auch prima mit Mozilla wiedergegeben. Funktionieren die denn immer mit Mozilla? Oder gibt es Einschränkungen? Habe bisher noch nie damit gearbeitet, ich such mir mal ein paar Tutorials raus...

[c4]

Habe bisher noch nie damit gearbeitet, ich such mir mal ein paar Tutorials raus... --> http://www.selfhtml.net/html/frames/eingebettete.htm

Eingebettete Frames werden von jedem vernünftigen Browser akzeptiert. In Opera kann man sie abschalten, ich glaube aber nicht, dass das viele nutzen.

Frames haben halt immer den Nachteil, dass Bookmarks nicht wirklich genutzt werden können. Und sie gelten als Unschön.

[JPSelter]

So, habe die News-Seite endlich gelöst. Den IFrame habe ich wieder rausgenommen und durch einen ganz simplen 3er Frameset ersetzt. Das ist die beste Möglichkeit, weil wieso soll ich IFrames benutzen, wenns ein 3er Frameset auch tut. IFrames benutze ich liebe, wenn ich kompliziertere Konstruktionen wie unter "Join Us" auf meiner Seite habe.
Immerwieder höre ich, dass Frames unschön sind, aber ich verstehe nie wieso. Nur weil sie "alt" sind? Ich würde ja lieber schicke Tabellen-only-php-Seiten mit scrollbaren Tabellen machen, aber wie man an meinem Beispiel sieht, bringt es niemanden etwas, weils nicht ganz kompatibel ist. Ausserdem sieht man Frames nicht, zumindest meinen 3er Frame. Der sieht genauso aus wie vorher mit der Tabelle.