darstellungsproblem einer tabelle...

    die seite http://tcleimbach.ch/ilch/ wird mit dem Firefox nicht richtig angezeigt, mit dem IE jedoch schon.
    Das Design sollte aussehen wie bei http://tcleimbach.ch (die schriftarten und anderen style massnahmen kann man ignorieren).
    Bei der ersten Seite wird zwischen dem banner und dem hauptteil der seite eine art 'weisser balken' angezeigt, der sollte nicht da sein!


    wenn ihr noch weitere sourcecodes braucht, fragt einfach.

    ich nutze den Firefox 2.0rc1, habe die seite jedoch auch mit anderen browsern getestet:
    Internet Exploerer 6.0: Seite wird korrekt angezeigt
    Mozilla 1.7.8: Seite wird mit 'weissem Balken' angezeigt
    Netscape 8.0.3.3: Seite wird im Firefoxmodus falsch, im Internet Explodermodus richtig angezeigt.

    Die Seite wurde mit demIlch-Clanscript gemacht und ich habe sie mit dem W3C-Validator getestet, der mir bezüglich dieses Fehlers keine Hilfe war.

    Greez Nezumi

    Einmal editiert, zuletzt von nezumi (5. Oktober 2006 um 15:25)

    Zitat von nezumi

    die seite http://tcleimbach.ch/ilch/ wird mit dem Firefox nicht richtig angezeigt, mit dem IE jedoch schon.


    Für einen Anfänger natürlich nicht wirklich hilfreich, aber: nur weil es der IE wie gewünscht anzeigt, heisst das noch lange nicht, dass es richtig dargestellt wird. Die meisten Darstellungs-Bugs hat schliesslich der IE.

    Zitat von nezumi

    [...]Netscape 8.0.3.3: Seite wird im Firefoxmodus falsch, im Internet Explodermodus richtig angezeigt.


    Du testest 3 mal auf Gecko und 2 mal auf IE. Warum der Umstand? Gerade Netscape8 ist wohl als Testobjekt der grösste Unsinn. Zum einen verwendet den keiner, zum anderen rendert der mit Firefox, bzw. IE identisch, weil genau diese Browser im Netscape8 werkeln. Doppelte Arbeit ohne Nutzwert. Aber nirgendwo wird mal ein Opera, ein Konqueror oder ein Safari getestet. Das hingegen wäre mal sinnvoll.

    Zitat von nezumi

    Die Seite wurde mit dem Ilch-Clanscript gemacht und ich habe sie mit dem W3C-Validator getestet, der mir bezüglich dieses Fehlers keine Hilfe war.


    Da ich keine Ahnung habe, welchen Anteil das CMS am Quellcode hat, kann ich da nicht viel sagen, aber was der Validator sagt stimmt: die Seite strotzt nur so von Fehlern. ; )

    Naja. Um mal was produktiv und hilfreich zu sein... das ganze liegt am festgelegten XHTML 1.0 Strict-DokumentenTyp. IE interessiert sich für solche Angaben in der Regel recht wenig, Firefox(Gecko) nimmt das aber Ernst und dann gelten mit unter andere Standard-Vorgabewerte für bestimmte Elemente, als bei anderen HTML-Versionen, bzw. dem Quirksmode (also wenn der Browser mal selbst entscheiden soll, wie das ganze denn zu deuten sein soll. Sprich: fehlerkorrektur).

    In Deinem speziellen Fall liegt es an den <img>'s im Kopfbereich der Seite. Bilder werden in xhtml 1.0 strict an der Baseline von Texten ausgerichtet (ja, auch wenn kein Text vorhanden ist, dann wird für den Zeifel der Platz frei gehalten) und da es ja auch buchstaben wie j, g oder y gibt, die unterhalb der baseline geschrieben werden würden, lässt Firefox dort sicherheitshalber platz, und damit halt auch unter den Bildern. Die einfachste Möglichkeit das zu umgehen, ist es einfach die line-height für in den beiden <TD>'s anzupassen, die die Grafiken beinhalten. Ungefähr so:

    Code
    <tr>
    <td width="213" height="250" style="line-height:0;"><img src="[...]logo_1.jpg" alt="Logo" width="213" height="250" /></td>
    <td width="541" height="250" align="center" valign="bottom" class="header"><div id="header"><h1>Tennisclub Leimbach</h1></div></td>
    <td width="213" bgcolor="#FFFFFF" style="line-height:0;"><img src="[...]logo_3.jpg" alt="Logo" width="41" height="250" /></td>
  </tr>
    Zitat von bugcatcher

    Für einen Anfänger natürlich nicht wirklich hilfreich, aber: nur weil es der IE wie gewünscht anzeigt, heisst das noch lange nicht, dass es richtig dargestellt wird. Die meisten Darstellungs-Bugs hat schliesslich der IE.


    naja ich habe mit 'richtig darstellen' auch gemeint, er zeigt es so an wie ich es will und nicht, dass es korrekt ist was er macht.

    Zitat von bugcatcher

    Du testest 3 mal auf Gecko und 2 mal auf IE. Warum der Umstand? Gerade Netscape8 ist wohl als Testobjekt der grösste Unsinn. Zum einen verwendet den keiner, zum anderen rendert der mit Firefox, bzw. IE identisch, weil genau diese Browser im Netscape8 werkeln. Doppelte Arbeit ohne Nutzwert. Aber nirgendwo wird mal ein Opera, ein Konqueror oder ein Safari getestet. Das hingegen wäre mal sinnvoll.

    Okay das mit Netscape mag stimmten, aber ich hatte bereits den Fall, dass eine Seite mit Firefox Probleme hatte, nicht jedoch mit Mozilla...
    Gibt es Safari für PC? Wenn nicht, kann ich Seiten ganz simpel nicht damit testen, weil ich keinen Mac habe... Konqueror geht auch nicht weil mein Linux Probleme mit meinem W-LAN hat oder besser gesagt ich nicht fähig bin den Treiber zu installieren. Opera ging irgendwie verloren, den muss ich wieder installieren.

    Zitat von bugcatcher

    Da ich keine Ahnung habe, welchen Anteil das CMS am Quellcode hat, kann ich da nicht viel sagen, aber was der Validator sagt stimmt: die Seite strotzt nur so von Fehlern. ; )

    Naja die meisten Fehler die er anzeigt 'müssen so sein', dh. die sind das, was das CMS ausmacht.
    Der Fehler mit dem <center> muss ich einfach mit <div> ersetzen oder?
    Und muss man ALLE tags neuerdings schliessen? also auch <br> und ähnliches?

    Zitat von bugcatcher

    Naja. Um mal was produktiv und hilfreich zu sein... das ganze liegt am festgelegten XHTML 1.0 Strict-DokumentenTyp. IE interessiert sich für solche Angaben in der Regel recht wenig, Firefox(Gecko) nimmt das aber Ernst und dann gelten mit unter andere Standard-Vorgabewerte für bestimmte Elemente, als bei anderen HTML-Versionen, bzw. dem Quirksmode (also wenn der Browser mal selbst entscheiden soll, wie das ganze denn zu deuten sein soll. Sprich: fehlerkorrektur).

    In Deinem speziellen Fall liegt es an den <img>'s im Kopfbereich der Seite. Bilder werden in xhtml 1.0 strict an der Baseline von Texten ausgerichtet (ja, auch wenn kein Text vorhanden ist, dann wird für den Zeifel der Platz frei gehalten) und da es ja auch buchstaben wie j, g oder y gibt, die unterhalb der baseline geschrieben werden würden, lässt Firefox dort sicherheitshalber platz, und damit halt auch unter den Bildern. Die einfachste Möglichkeit das zu umgehen, ist es einfach die line-height für in den beiden <TD>'s anzupassen, die die Grafiken beinhalten. Ungefähr so:

    Code
    <tr>
    <td><img></td>
    <td><div><h1>Tennisclub Leimbach</h1></div></td>
    <td><img></td>
  </tr>

    [/quote]

    Das funktioniert! Danke vielmal!
    Und noch eine Frage: was genau wird mit dem styleattribut line-height definiert? Also welche Linenhöhe?

    Greez Nezumi

    Zitat von nezumi

    Okay das mit Netscape mag stimmten, aber ich hatte bereits den Fall, dass eine Seite mit Firefox Probleme hatte, nicht jedoch mit Mozilla...


    Je nach eingebauter Gecko-Version kann das auch unterschiedlich sein. Es lohnt sich nur nicht einen Firefox mit eingebautem gecko 1.8 UND eine Suite mit eingebautem g1.8 zu testen. Geht hier nur um die Gecko-Version (rv-angabe im UserAgentString). ; )

    Zitat von nezumi

    Gibt es Safari für PC?


    Jein. Gibt inzwischen Swift, der die KHTML-Variante vom Safari nutzt. Ist aber zu bezeifeln, dass der Browser auf Windows jemals identisch mit Mac Rendert, da Safari gerade was Fonts angeht, sich auf MacOS-eigene Resourcen festlegt. Wenn kein Mac verfügbar ist, ist das natürlich schlecht realisierbar. Dafür gibts aber Freunde. ^^

    Zitat von nezumi

    ... Konqueror geht auch nicht weil mein Linux Probleme mit meinem W-LAN hat oder besser gesagt ich nicht fähig bin den Treiber zu installieren.


    Um Konqueror zu testen, braucht man kein Linux installieren. Selbst wenn man nichtmal mit einer LiveCD wegen des WLAN-Problems was testen kann, so kann man sich (so mach ichs) ein Linux auch per VirtualMachine installieren und direkt auf Windows nutzten. Dauerndes OS-Wechseln ist je eh doof. ^^
    http://de.wikipedia.org/wiki/VMware
    Zu dem Player besorgt man sich einfach einen vorgefertiges Image von einem KDE-Linux und los gehts.

    Zitat von nezumi

    Opera ging irgendwie verloren


    Nachdem Opera in den letzten Major-2 Versionen so stark verbessert wurde, ist sowas dann doch traurig. Also hopp! ; )

    Zitat von nezumi

    Der Fehler mit dem <center> muss ich einfach mit <div> ersetzen oder?


    naja. Wie du schon gemerkt hast sind neben einigen Tags wie <center> auch viele attribute wie align, height, widh usw. gerade in xhtml-strict verboten. am einfachsten verpasst du dem haupt-table einfach per css ein margin:auto (für alle anständigen browser) und ein text-align:center (für den dämlichen IE, der margin:auto nicht peilt und eine tabelle für text hält). das spart tags und sollte funktionieren.

    Zitat von nezumi

    Und muss man ALLE tags neuerdings schliessen? also auch <br> und ähnliches?


    Wenn du Xhtml schreiben willst, ja. Da herrschen bei der schreibweise die gleichen regeln wie bei XML. Die unterschiede von xhtml und html kannst du aber auch ausführlich hier nachsehen:
    http://de.selfhtml.org/html/xhtml/unterschiede.htm

    Zitat von nezumi

    Und noch eine Frage: was genau wird mit dem styleattribut line-height definiert? Also welche Linenhöhe?


    Die Gesamtzeilenhöhe.
    http://de.selfhtml.org/css/eigenschaf…htm#line_height
    Wenn die gesamtzeilenhöhe 0 beträgt, dann kann auch der bereich unterhalb der baseline nicht grösser 0 sein, womit auch kein abstand entsteht (das ist der trick!).

    okay jetzt hab ich alles ein bischen schöner gemacht (vor allem den sourcecode besser) aber irgendwie klappt es immer noch nicht so ganz 100%.

    aber jetzt hab ich ein anderes problem.
    sobald man sich einloggt geschieht folgendes:

    nicht eingeloggt:[Blockierte Grafik: http://tcleimbach.ch/loggedout.jpg]
    eingeloggt:[Blockierte Grafik: http://tcleimbach.ch/loggedin.jpg]

    irgendwie verschiebt sich da eine grafik...

    ihr konnt es auch selber testen unter:

    http://tcleimbach.ch/ilch/

    login: test
    passwort: test

    sourcecode könnt ihr anschauen, ist ja HTML...

    achja, im Opera, Konqueror oder IE hab ich das problem nicht, nur im Firefox.
    Dafür habe ich im Konqueror das alte Problem (siehe oben).

    Zitat von bugcatcher

    Ähm. Weder mit Gecko 1.7 (Fx1.0) noch mit Gecko 1.8 (Fx1.5) kann ich den Fehler reproduzieren. Sieht bei mir aus wies soll. *schulterzuck*

    ich benutzte Firefox 2.0rc3

    Sorry. Für Betas oder Release-Candidaten geb ich keinen Support. Nur für Finals. ^^

    Gut möglich das das ein Fehler ist der ausversehen eingebaut wurde. Wenn Du den 2.0rc3 mit einem sauberen profil betreibst (Testbrowser sollten immer sauber von erweiterungen usw. sein, die können unter umständen auch fehler in der darstellung hervorrufen) und bei älteren Firefox/Gecko-Versionen (die Finals von 1.5 und 1.0 würde ich an deiner stelle auch immer mal zum testen in der Hinterhand haben) der Fehler nicht auftritt, würde an deiner Stelle mal beim bugzilla von mozilla.org schauen. evtl. ist der fehler noch nicht bekannt.

    EDIT: ok, wenn JonHa den Fehler nicht hat, ists wohl eher ein lokales Problem. Cache ist natürlich immer eine Mögliches Fehlerquelle.

    bei mir will es einfach nicht...

    auch nach cache leeren usw...

    sobald ich mich einlogge geht es nach links.... (nur etwa 1-2pixel...)

    meine bildschirmauflösung ist 1280x1024, aber es liegt ja wohl kaum an dem, oder?

    Zitat von nezumi

    wenn ich start->ausführen->"C:\Programme\Mozilla Firefox\firefox.exe" -P mache kommt nur der normale browser, ohne profilmanager oder so...

    Dann läuft noch eine Firefox Instanz.

    Ok. Wenn es an Firefox generell nicht liegt (weil es bei uns geht), es wohl auch nicht an deinen lokalen liegt (weil mehrere versionen mit neuem profil), dann muss man mal schauen, was Du sonst so noch alles auf dem rechner anders hast, als "normal" (also standard). Irgendwelche Filter laufen (Firewall/Webwasher/usw)?

    firewall werdet ihr lachen: Windows Firewall
    AV-Prog: AntiVir
    Anti Adware/Spyware: AdAware
    Mit Tuneup Utilities habe ich einmal meinen FF konfiguriert aber das ist etliche Versionen her...

    Sonst wüsst ich kein Programm, das irgendwie mit dem FF zu tun hat.

    Zitat von nezumi

    firewall werdet ihr lachen: Windows Firewall


    Die halte ich zwar auch für überflüssig (allerdings hab ich auch eine HardwareFirewall im Router), ist aber immernoch besser als der ganze restliche Mist der einen Existensgrund in Zweckfremden Dingen, wie ContentFilterung sucht, wie Norton und co. Sollte keine Fehlerquelle sein.

    Zitat von nezumi

    AV-Prog: AntiVir


    Halte ich auch nicht sooo viel, gibt bessere Lösungen, die auch konstenlos sind (wobei: ich benutze ja eh garkeinen Virenscanner), sollte aber keinerlei Einfluss nehmen... allerdings: testweise deaktivieren und testen kann man im Zweifel ja immer mal.

    Zitat von nezumi

    Anti Adware/Spyware: AdAware


    Die mischen sich auch nicht aktiv ins Filtern ein, sondern schnuppern nur. Sollten auch keine Probleme bereiten.

    Zitat von nezumi

    Mit Tuneup Utilities habe ich einmal meinen FF konfiguriert aber das ist etliche Versionen her...


    Und nachdem Du ein neues Profil benutzt, sind die Einstellungen eh weg.

    Evtl. bei Firefox einen Proxy am start? Oder passiert das mit dem verrutschen nur auf einer bestimmten unterseite? Evtl. irgendwelche Schrifteinstellungen im Betriebssystem eingestellt?

    schriftart ist es kaum, da es ja eine ganz normale ist und diese problem habe ich nur auf dieser einen seite... aber wenn mans genau nimmt ist es ja egal, da nur ich das prob habe...

    aber weshalb wird die seite im Konqueror falsch angezeigt wie im firefox wenn ich das line-height weglasse?

    nezumi

    Zitat von nezumi

    schriftart ist es kaum, da es ja eine ganz normale ist


    Also die Schriftart selbst hab ich jetzt gar nicht gemeint, sondern vielmehr ob Du vielleicht im Firefox irgendwelche Mindestwerte angegeben hast. Auch eine globale Änderung der Schriftglättung könnte dazu führen, dass Schriften ein wenig anders erscheinen und evtl. mehr Platz beanspruchen, als geplant. Und dein "Administrator" ist als Wort ja bereits recht lang. Da kann es passieren, dass es das <TD> ausweitet und damit das Hintergrundproblem auslöst. Gibt so viele Möglichkeiten für Fehlerursachen.

    Zitat von nezumi

    und diese problem habe ich nur auf dieser einen seite... aber wenn mans genau nimmt ist es ja egal, da nur ich das prob habe...


    Also ich hab jetzt Fx2.0 in der finalen Version, neues separates Profil, und es kommt auch mit dem zu keiner Fehldarstellung. Falls Dich das beruhigt.

    Zitat von nezumi

    aber weshalb wird die seite im Konqueror falsch angezeigt wie im firefox wenn ich das line-height weglasse?


    Jeder Browser hat so seine Macken. Wobei line-height als Problem wieder auf meinen Tipp bezüglich des Schrifteinstellungen zurückläuft.

    Wenn der Administrator nicht ins <TD> passt, kommt es unweigerlich zu Darstellungsproblemen.