Hintergrundbild - Adi-Ware.ch (Firefox)

Also, entweder ist das ein Bug, oder ich habe was falsch gemacht (was aber unwahrscheinlich ist, da die Seite W3C-Kompatibel ist und auf dem IE funktionierts.)

Wenn ich bei Firefox auf diese Seite gehe, dort auf Computer und im Untermenü auf Tipps und Tricks, wird links das Schattenwerfende Bild, dass unendlich mal wiederholt werden sollte (Kachel) nicht bis ganz nach oben und unten wiederholt. Die Zeile sieht so aus:
Code:
<td height="100%" valign="top" class="linkstd">
Und linkstd von der CSS:
Code:
.linkstd
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(../images/design/links.gif);
    WIDTH: 20px;
    BACKGROUND-REPEAT: repeat-y;
    HEIGHT: 0%
}

Doch was mich am meisten aufregt ist:
Manchmal ist es richtig, dann wieder nicht. Und, wenn ich links die Lesenzeichen oder den Verlauf-Ordner oder sonst einen Zusatz öffne, ists nachher richtig. Ich werd noch verrückt. Ich habe es auch schon ganz ohne CSS probiert, ohne Wirkung. Mir ist aufgefallen, dass das nur so ist, wenn der Text im Inhalts-Feld grösser als das Fenster ist (Man muss vertikal Scrollen).
 
mal abgesehen davon ist der ie kein mass fuer exakten strukturcode. und was hat die validitaet mit der zum schluss ausgegebenen version zu tun?
wenn der ff schon mit deiner tabelle nicht will, dann kannst du schon fast als sicher annehmen, dass safari, opera, netscape usw. damit auch nicht klar kommen. d.h. der fehler liegt auch hier sicher mal wieder nicht im ff, weil er was nicht darstellen kann/will sondern beim ie, weil er was zeigt, was alle anderen nicht machen.

daher mein tip fuers schreiben von strukturcodes: mach es zuerst dem ff recht und schau dann, ob ie es vielleicht auch richtig macht. oft rechnet er ja bei abstaenden nicht richtig und so.
und verwende lieber div´s statt tabellen.

gruss
hardy
 
Das mit den Divs habe ich schon viel gehört. Doch ich habe einfach zuwenig gute Gründe für Divs bekommen. Und ich kann mit Divs nicht das gleiche Design machen (Ich wüsste nicht wie). Divs brauche ich um Elemente zu Gruppieren oder absolut zu setzen (was aber wieder nicht alle Browser unterstützen). Ich mache es immer zuerst dem Firefox recht. Das Problem ist, dass es manchmal geht. (Wie oben beschrieben). Und wenn der Code Valid ist, sollte doch wohl alles richtig sein (Es ist kein Logischer Fehler).
Der Fehler ist der:
bild.jpg


Siehst du jetzt das Problem? Ich habe extra die Tabellen mal angezeigt. Das ist sicher nicht mein Fehler. Oder? Denn der Hintergrund kann doch nicht einfach nur halb in der Tabelle angezeigt werden und es ist sogar ein Kachel-Bild, das sich hier im Firefox nur einige male wiederholt. Und das sogar in der mitte (Es lässt oben und unten frei, obwohl ich auch noch links und oben bei den Hintergrundeigenschaften bei CSS aktiviert habe). Sind das genug Gründe?
 
dejavue

weil es so schoen ist und er seine seiten auch oefter neu macht. nun schau dir mal stu´s sachen an und sag mir, ob du das mit tabellen hinkriegen wuerdest. ich wuesste nicht wie! ;)

und zu deinem validen code: valide heisst doch nur, dass er den w3c-standards entspricht. die interpretation durch die browser kann deshalb immer noch unterschiedlich sein. es sei denn, du legst einen doctype fest, der von allen browsern gleich "verstanden" wird. das thema hatten wir hier schon mehrfach und auch das hier koennte dir da helfen.

hardy
 
was sind stu`s Sachen? Klar, kann man mit Divs auch viel machen. Aber das Löst mein Problem nicht. Diese Liste bringt mir nichts, weil ich die schon kenne und der Firefox alles Unterstützt, was ich eingegeben habe. Die validität sagt mir, dass es kein Code-technischer Fehler der Syntax ist. Also muss es am Firefox liegen, oder er unterstützt etwas nicht, wo ich mir aber sicher bin, dass es stimmt. Und nochmal zur erläuterung: Es ist nicht immer so. Ich glaube du liest nicht meine ganzen Beiträge. Ich bestehe nunmal auf Tabellen.
 
aehm ... wer liest hier was nicht richtig? ich hatte den link mit drin. aber dann eben hier nochmal: http://www.stunicholls.myby.co.uk/menu/britain.html

ich hab das schon verstanden, dass es nicht immer so ist. und wenn ich mehr coder als programmierer waere, dann haette ich vielleicht ausser gut gemeinten hinweisen auch noch ne loesung fuer dich parat. aber die haette dann wahrscheinlich auch nicht viel mit tabellen zu tun, auf denen du nun mal bestehst.
aber schieb nicht alles auf den ff. wenn du irgendwann mit js anfangen solltest, dann wirst du ihn schaetzen lernen ... vielleicht sogar lieben. :D
 
Ich schätze den Firefox schon, was mich aber aufregt, ist nur, dass er es nicht immer gleich macht. Den Link habe ich nicht gleich gesehen, weil "er" ein so kurzes Wort ist. Wenn du mir eine Lösung mit Divs hast, werd ich vielleicht die Webseite umstellen. Wäre ja keine grosse Sache. Aber wie sollte ich den Schatren-Rand machen?
 
Was soll eigentlich das HEIGHT: 0% in der Class, wiederspricht das nicht dem 100% im TD-Tag ? *mal doof frag*

Btw: Im Opera sieht alles gut aus.

mfg
püppi
 
Hmm, ist mir gar nicht aufgefallen. Eigentlich sollte es ja keine Auswirkung haben, da der Code im HTML-Dokument Vorrang hat. Aber ich habe mal beide height-Tags Rausgenommen. Bei mir gibt es 3 Verschiedene Arten, wie Firefox mir das anzeigt. Einmal Bleibt nur ein kleines Stückchen frei, dann ein grösseres und dann ein riesiges. Aber ganz ausgefüllt ist es nie. Ich stehe vor einem Rätzel, denn es ist immer die gleiche Seite und es ist nur, wenn der Inhalt so gross ist, dass der Vertikale Scrollbalken zum Einsatz kommt.
 
Ich werd so das Gefühl nicht los das du einen Bug gefunden haben könntest. Eigentlich kann es nicht sein das ein Browser eine Seite bei jedem Aufruf unterschiedlich anzeigt, wenn du einen fehler im Quelltext hättest müsste er die Seite doch jedesmal gleich falsch darstellen (bin ich jedenfalls der Meinung das ein Programm sowas sollte).
Beschreib dein Problem doch mal in diesem Forum.
Ich hab schon etwas herumgesucht und auch themen gefunden die auf Probleme mit "langen Seiten" und Checkboxen hinweisen, könnte ja durchaus sein das FF nicht nur bei der Kombination mit Ceckboxen Probleme hat.

mfg
püppi
 
In meinem Firefox wurde die Seite eben auch fehlerhaft angezeigt (oben neben der Überschrift links war ein grauer Balken statt des gelben Rands, das selbe am untersten Ende). Ich sitze gerade an einem komplett auf div basiertem Projekt, dessen Design im Firefox _manchmal_ auch fehlerhaft angezeigt wird. Das äußert sich meist in nicht angezeigten Hintergrundbildern - geht man dann in ein anderes Fenster oder Tab und dann wieder zurück ist der Hintergrund dann wieder da. Die Ursache für so ein Verhalten ist bekannt (überzählige Leerzeichen mit denen die Engine nicht zurecht kommt), aber diese muss man im eigenen Quellcode erstmal finden ;)

(btw. sind Tabellenkonstrukte total out *g*)
 
Da hat jemand ein ähnliches Problem: Link

Bei mir war es aber etwas anderes. Ich glaube Der Firefox hat ein Problem mit komplexen Tabellen. Ich habe nun den Quelltext etwas vereinfacht. Vermutlich werden dann einfach ältere Browser den linken Schatten falsch oder gar nicht Darstellen.

Edit:
@Zwirni
Ich weiss, dass Tabellen Out sind. Aber ich habe keinen Plan wie ich dann alles so hinkreige, wie es jetzt ist. Ein Beispiel: Bei mir Überschneiden sich bei kleinen Auflösungen immer die Texte. Weisst du, wie man das Verhindern kann? Dann würde ich nämlich auch auf Divs umsteigen.
 
Original von adrian90
Ein Beispiel: Bei mir Überschneiden sich bei kleinen Auflösungen immer die Texte. Weisst du, wie man das Verhindern kann? Dann würde ich nämlich auch auf Divs umsteigen.

Das ist ein Problem bei divs und Tabellen gleichermaßen. Du musst nur für alle Bereiche feste Breiten angeben und darfst das Design nicht variabel, also nicht ohne "width" oder "height" gestalten. Damit sieht die Seite dann zwar nur bei einer Auflösung gut aus, du hast aber keine Überschneidungen.
Jedoch ist variables Design im Sinne der Barrierefreiheit schon sehr angesehen. Da darf man sich nur kein Design einfallen lassen welches nicht unter solchen Problemen leidet (z.B. viele Texte/Bilder auf sehr engem Raum, die sich nirgends ausbreiten können).
 
Dann bleib ich lieber bei Tabellen. Vielleicht gibts dann bei CSS 3 einen weiteren Tag, der verhindert, dass es Überschneidungen gibt.
 
Sowas wird es hoffentlich nicht geben. Gerade die starke Skalierbarkeit von divs in Verbindung mit css ist doch der Vorteil. Bei neu zu erstellenden staatlichen Webseiten ist es ja seit Ende letzten Jahres bereits gesetzlich vorgeschrieben, dass diese barrierefrei durchsurfbar sein müssen. Sowas kann man IMHO nur mit css ordentlich erreichen. Wenn dann z.B. jemand mit einer Sehschwäche die Seite aufruft kann er einfach in seinem Browser die Anzeige vergrößern - dadurch sollten alle Texte entsprechend größer werden ohne dass es Überschneidungen gibt. Wie gesagt: auf das Design kommt es an. Die Technik ist schon da ;)
 
Ich weiß ja nicht welche FF-Version du hast, aber mit meinem (Version 1.0.6) wird alles Fehlerfrei angezeigt.
@theo:
Ich hab mir dieses ganze Zeug von Seybold mal durchgelesen und bin zum Ergebniss gekommen, das die Hälfte davon Quatsch ist bzw. durch PHP umgangen werden kann.
Schau dir halt mal diese Webseite an.
Die basiert ebenfals auf Tabellen und läd auch mit Modem noch sehr schnell.
Klar kann man sie mit Div's noch weiter optimieren, aber das geht auch oft auf kosten älterer Browser.
 
Original von RangerIch hab mir dieses ganze Zeug von Seybold mal durchgelesen und bin zum Ergebniss gekommen, das die Hälfte davon Quatsch ist bzw. durch PHP umgangen werden kann.
du siehst mich jetzt etwas erstaunt um nicht zu sagen erschrocken. vielleicht kannst du dazu noch ein paar erklaerende worte fuer mich finden. wie umgehst du mittels programmiersprache probleme im strukturcode?

und eine frage zu der seite haette ich auch noch: was haette ich da sehen sollen?
kann man sich als maszstab nicht professionelle seiten nehmen? seiten, die einen nicht gleich mit einem rechtschreibfehler begruessen?
verzeih, wenn ich mit einem so alten bespiel komme, aber die seite hier (und ihre derivate) ist/sind (fuer mich) immer noch ein erstrebenswertes ziel in sachen strukturcode (vs. tabellenloses design).
 
Zurück
Oben