NOF 11 Internet Explorer / Firefox

[EnEV24]

Moin, moin, liebe Mitstreiter,
langsam bin ich am verzweifeln....., meine Website http://www.disapm.com habe ich das Gefühl unter Firefox (Gewerbeverwaltung das Bild unten links) total bescheuerte Ansicht, unter Internet Explorer alles okay?
Den Rahmen um die Website, im Firefox nicht da, im Internet Explorer vorhanden?
Websitezentrierung in Firefox wackelt die Site beim umschalten der links, in Internet Explorer ist alles okay?
Habe ich einen Haken in NOF11 vergessen? Benötige ich ein Update auf NOF 12?
Vielen Dank schon mal für vielleicht gegebene Tipps!  :-)

[nettesekel]

Hallo,

nein, einen Haken hast du nicht vergessen und ein Update auf Version 12 würde diese Probleme gewiss auch nicht beheben.
Das Zauberwort für so Geschichten lautet in den meisten fällen CSS. Von Hand vorgenommene Formatierungen hier und da, werden von Browsern häufig verschieden interpretiert. Arbeitet man konsequent mit CSS-Klassen oder auch Formatvorlagen genannt, reduzieren sich diese Probleme meist auf ein Minimum.
Wenn du mal eine Vorlage erstellen magst, schaue ich mal rein, und sehe nach, wie man dein Problem am schnellsten beseitigen kann.

l.g. nettesekel

[EnEV24]

Hallo Nettesekel,
nachfolgend ist die Vorlage gespeichert:
***Link entfernt***nettesekel*** vielen Dank für Deine Bemühungen, gern nehme ich Tipps und Hinweise entgegen.

[nettesekel]

Muss jetzt kurz weg, danach sehe ich rein... 

[Cadfael]

Da ich nicht so gerne eine unserer Firmenwebsites als Beispiel verlinke, habe ich EnEV24 mal eine PN mit Link geschrieben ...

Problem ist, dass seine Komponenten direkt in einer Tabelle liegen.

Da "sein System" nicht viel anders ist als mein, habe ich ihm geschrieben wie ich das mit Layoutbereichen löse. Es mag da andere Lösungen geben, aber sein Weg ist (rudimentär) so wie meiner; nur, dass ih mehrere "Tricks" anwende ...

Falls die Seite mal mit NOF10 (oder früher) begonnen wurde, kann ich mir auch vorstellen, warum einige Probleme durch 11 kommen. Zumindest musste ich mit NOF12 einiges anders machen, als ich es von 10 gewohnt war.

Dieses ewige "Umbruchgestützte Leerzeichen" weg und auch di Tabellenhöhe immer auf "Automatisch" setzen ...

Gruß
Andreas

[nettesekel]

So, nun habe ich mal in deine Vorlage reingesehen.

Problem 1, das Bild: Teile die Tabelle, in der du den rechten Text hast in eine zweispaltige Tabelle auf und lege das Bild in die linke Spalte. Schon sitzt in beiden Browsern alles an seinem Platz. (siehe Vorlage)

Problem 2, das Springen: Entsteht weil bei kurzen Seiten der Scrollbalken ausgeblendet wird. Mit einem Codeschnipsel im Masterrahmen-html erzwingt man diesen Scrollbalken dauerhaft und das Springen ist weg. In deiner Vorlage habe ich das bereits erledigt, aber für alle Mitleser hier noch ein Link dazu: https://www.nof-community.de/index.php/topic,5.0.html

Problem 3, der Rahmen: Du hast der Tabelle über die CSS-Eigenschaftenpalette versucht einen Rahmen zuzuweisen. Hast allerdings nur angegeben, dass oben, unten, links und rechts ein Rahmen erscheinen soll, nicht aber die Stärke des Rahmens festgelegt. Der IE hat also mal geschätzt, wie du es vielleicht haben möchtest und der FF hat die Rahmenstärke 0 genommen, die du ja angegeben hast, nämlich keine. Wenn man es genau nimmt, hat der FF korrekter wiedergegeben was du eingestellt hast, als der IE.

Im Anhang findest du die geänderte Vorlage und einen Screenshot für die Rahmen-Einstellung in der CSS-Eigenschaftenpalette. Auf der Home habe ich die Einstellung bereits geändert, für die anderen Seiten müsstest du das selbst noch machen.


l.g. nettesekel

[Cadfael]

Hallo NE,

deine Lösung 1 würde das akute Problem in der Tat lösen!
Es ist mMn aber keine "umfassende Lösung" - es sei denn, man will einzig in vertikalen Spalten designen ...

Deiner Lösung 2 stimme ich zu (und hatte vermutlich den gleichen Schnipsel per PN versandt?). Ist aber (auch für andere) richtig, den Schnipsel für andere NOFler noch mal zu verlinken!!! 

Unsere Lösungen 3 gehen auseinander ...
Ich würde den Rahmen nicht über CSS lösen, da man das in der normalen Ansicht nicht sieht. Deine Lösung ist eindeutig richtig (und das Problem erkannt). Ich arbeite lieber mit GIFs, da ich die "aktiv sehe" und auch nur bedingt / weniger auf eine "Browser Interpretation" angewiesen sind.

Ich weiß nicht, ob Du in deiner Vorlage die in Pixeln angegebene Höhe geändert hast. Hier ist auf jeden Fall ein "dickes Problem", das je nach Browser und Einstellung für Darstellungsprobleme sorgen kann.
Leider muss man da in NOF11 und NOF12 jede Menge klicken, aber nur so ist mMn eine weitgehend sichere Darstellung bei allen Browsern und Einstellungen möglich. Im FF kann ja leider der Text immer noch "wachsen" und je nach Element tauchen die dollsten Darstellungsprobleme auf ...

Leider kann man nichts dagegen machen, dass FF und Chrome die Schrittweite der Texte unterschiedlich interpretieren. Hatte mich gewundert, dass manchmal bei Chrome unten noch Platz blieb. Chrome schiebt Texte wohl enger zusammen als FF???

Damit wir uns nicht falsch verstehen; deine Lösungen würden alle angesprochenen Probleme lösen! Aber ich gehe eben einen Schritt weiter. 

Viele Grüße
Andreas

[nettesekel]

Manchmal ist weniger mehr, denn zuweit voraus denken kann den User auch leicht verunsichern.
Wenn der User mit zwei zusätzlichen Klicks seine Rahmen da hat, wo er sie haben möchte, dann ist es doch besser für ihn, als wenn ich ihm erst noch "zumute" ein Grafikprogramm anzuwerfen, Grafiken zu erstellen, sich vielleicht erstmals damit auseinander zu setzen, wie er diese als BG einsetzt und entsprechend ausrichtet und und und... um einen einfachen Rahmen um eine Tabelle zu legen muss man ja nicht zwingend Grafiken verwenden... und mir ging es eigentlich auch nur darum zu (er)klären, warum sein Rahmen in einem Browser gezeigt wird und im anderen nicht. Das ging ja als Frage voraus.

Was Punkt 1 angeht verstehe ich dein Problem nicht wirklich. Ich habe all meine Designs bisher auf Tabellen aufgebaut und egal ob ich längst oder quer ausrichten möchte stellt die Tabelle für mich dabei  kein Hindernis dar.

Logisch führen immer viele Wege nach Rom... aber ich habe kurzum nach Lösungen gesucht die schnell und einfach umsetzbar sind ohne das Projekt im großen Stil umkrempeln zu müssen. Der User möchte ja nur seine Seite fertigstellen und kein WebDesigner werden. 

l.g. nettesekel

[EnEV24]

Hallo Nettesekel und alle Anderen,
der Wolfgang wird lächeln und sagen "Dietrich Du weißt es besser". Hör mit den Tabellen auf, ändere alles in den Layoutmodus und schon passt es. Im Kern höre ich die gleichen Antworten.
Verbleibt noch der Hintergrund mit einem Rahmen, natürlich kann ich den in meiner Grafiksoftware erstellen, auch pixelgenau, leider weiß ich dann nicht wie ich die Inhalte auf diese GIF´s platziere, sodaß es mittig zentriert bleibt? Bei meiner Website www.EnEV24.com habe ich es ausschließlich ohne Rahmen gefertigt, dort besteht auch ein Hintergrund welcher mitwächst. Werde mich heute mal über DiSa hermachen und mir die gesendeten Unterlagen anschauen, melde mich hierzu gerne wieder, vor ab vieeeeelen Dank.

[Cadfael]

Nö; ich arbeite weiter mit Tabellen.
Klappt prima und viele Probleme die ohne Tabelle entstehen habe ich nicht ...

Man muss eben nur einige Dinge berücksichtigen - und die Tabellen geschickt mit Layout-Bereichen kombinieren. Dann hat man wahnsinnig viele Möglichkeiten, die auch in allen Browsern funktionieren ...

Gruß
Andreas

[EnEV24]

Hallo werte NOFler,
nun habe ich mir das Update NOF12 gekauft, installiert und damit gleich einmal meine Tabellen konvertiert. Nun ist meine Webiste www.disapm.com ohne Tabellen. Festgestellt habe ich beim lokalen publizieren, es fehlt mir das bekannte Verzeichnis aus NOF 11 "Lokale Publizierung". Nun ist man am suchen, welche Dateien sollten und müssen mit hochgeladen werden, ganz schön kompliziert. Vermutlich werde ich mir selbst dieses Verzeichnis einrichten und dann hierin publizieren. Schönen Dank und ich bin sicher wir hören wieder. Schönes Wochenende wünsche ich allen NOFlern.