HP-Probleme

Homepage-Probleme

Auch wenn ich insbesondere durch die Umstellung beim Webeditor von Netobject Fusion (NOF) auf Dreamweaver (DW) einige Probleme meiner Homepage beseitigen konnte, so sind dabei gleichwohl nachfolgende Probleme aufgetreten und leider teilweise noch nicht gelöst. Diese Probleme stelle ich nachfolgend in der Hoffnung vor, dass vielleicht doch ein Besucher meiner Seite eine Lösung für das eine oder andere Problem kennt und mir mitteilt bzw. die Problemlösungen dem einem oder anderen Besucher dieser Seite vielleicht weiterhilft (alphabetisch sortiert).

Drucken: Problem mit eigener drucken.css-Datei bei allen Browsern (gelöst)

Grundsätzlich habe ich es mittels einer CSS-Datei (drucken.css) hinbekommen, dass nur die Texte von meiner Seite ausgedruckt werden. Die auf Papier nicht benötigte Navigation sowie der Kopf- und der Fußbereich bleiben außen vor. Allerdings funktioniert dafür bei längerem Text das Drucken über mehrere Seiten noch nicht. Stattdessen scrollt der Text einfach in der Druckvorschau auf einer Seite. Wahrscheinlich lässt sich das Problem mit CSS in der drucken.css lösen. Wenn jemand eine Lösung bzw. einen Workaround für dieses Problem hat, wäre ich für eine entsprechende Unterrichtung dankbar.

Dieses Problem habe ich nun dank eines Threads im Selfhtml-Forum selbst gelöst. Hier der Link dazu: http://forum.de.selfhtml.org/archiv/2006/2/t124628/ .

↑ ↓

Rahmen: Zeitweise fehlende Darstellung im Internet Explorer (gelöst)

Die sogenannte Breadcrumb-Navigation (= Aktueller Pfad ...) und die direkt darunter befindliche Zeile mit der Suche haben normalerweise einen Rahmen. Der Internet Explorer (IE) 6 von Microsoft (MS) hat nun leider die Angewohnheit gelegentlich erst einmal diese Rahmen nicht darzustellen. Kommt man dann mit der Maus über Links in diesen Zeilen erscheinen die Rahmen doch noch. Wahrscheinlich handelt es sich um ein CSS-Problem des IE 6, das man mit einem Hack beheben kann. Dafür sprich auch, dass beim IE 7 das Problem nicht mehr auftritt. Leider sind meine CSS-Kenntnisse noch nicht gut genug dafür. Deshalb bin ich für jeden Tipp dankbar, wie man das Problem lösen kann.

Ein Bild sagt manchmal mehr als 1000 Worte. Deshalb hier ein Vorschaubild (Thumbnail) mit dem Problem (links) und ein Vorschaubild wie es richtig aussieht (rechts). Durch einen Mausklick auf die Vorschaubilder kann man sich die Fotos auch größer in einem Popup-Fenster ansehen.

Dieses Problem habe ich dadurch gelöst, dass ich für die Breadcrumb-Navigation und die Navigationszeile explizit eine Breite mit folgender CSS-Ergänzung definiert habe:
#breadcrumb, #navlist {width:100%;}.

Da nur der Internet Explorer (Version 5 bis 6) diese zusätzlichen CSS-Angabe braucht, habe ich sie auch nur in die Conditional Comments für diese Browser geschrieben (Datei ie.css).

↑ ↓

Scrollbare iframes: Darstellungsproblem beim Opera (erledigt)

Beim Opera 9.02 habe ich ein Darstellungsproblem mit scrollbaren iframes festgestellt. Solche scrollbare iframes setzte ich beispielsweise bei meiner Seite Gästebuch ein. Scrollte man am Scrollbalken des iframes nach unten, zog das die Darstellung der Fußzeile in den iframe und man konnte den Inhalt des iframe nicht mehr lesen. Möglicherweise lässt sich das Problem mit zusätzlicher Definiton des iframes als ilayer oder zusätzlichen Parametern für das iframe-Fenster lösen.

Dieses Problem minimierte ich zunächst dadurch, dass ich die Höhe des iframes auf lediglich 250px festlegte. Nur wenn der vertikale Scrollbalken nicht vollständig im Browserfenster des Opera zu sehen ist, konnte ich nämlich das Problem feststellen.

Nachdem ich die CSS-Workarounds für den IE ab Version 5 in eine eigene CSS-Datei packte und diese mittels eines sogenannten Conditional Comments (CC) im Header der HTML-Datei(en) einband, war das Problem behoben.

Inzwischen hat sich das Problem auch dadurch erledigt, dass ich keine iframes mehr einsetze(n muss), da ich nach dem Domainumzug nun über PHP- und MySQL auf dem Webspace verfüge und das Gästebuch direkt in diese Seite integrieren konnte.

↑ ↓

Der Internet Explorer 5 bis 6 zeigte ohne Javascript keinen vertikalen Scrollbalken (gelöst)

Meine Seiten waren bis zum 25. September 2007 leider für Besucher mit dem Internet Explorer (IE) 5 bis 6, sofern sie Javascript deaktiviert hatten, nicht zugänglich. Das störte mich schon lange. Ursächlich dafür ist, dass der IE erst ab der Version 7 die CSS-Eigenschaft position: fixed kennt. Damit ich den Kopf- (Header) und Fußbereich (Footer) meiner Seiten auch bei diesem Browser feststehend angezeigt bekomme, musste ich auf propitäre Expressions von Microsoft zurückgreifen. Die Idee zu dieser Methode habe ich aus dem Buch CSS-Praxis von Kai Laborenz (siehe auch meine Danksagung an Kai Laborenz).

Damit die Expressions funktionieren, muss jedoch Javascript aktiviert sein. Ist dies nicht der Fall, fehlte bei meinen Seiten der vertikale Scrollbalken und die Seiten konnten nicht mehr gescrollt werden. Kleiner Wermutstropfen in diesem Zusammenhang: Beim IE 5 bis 6 ohne Javascript sind Kopf- und Fußbereich auch nicht mehr fixiert.

Gelöst habe ich das Problem, indem ich zunächst eine weitere CSS-Datei für den IE 5 bis 6 erstellt habe, mit der bei ihnen wieder der Scrollbalken auftauchte (Datei ieohnejs.css). Anschließend habe ich im Header folgende Javascriptabfrage eingebaut, die sicherstellt, dass je nachdem, ob beim IE 5 bis 6 Javascript aktiviert ist oder nicht, jeweils eine andere CSS-Datei geladen wird. Hierfür packte ich das Javascript mit den CSS-Dateien für den IE 5 bis 6 in einen sogenannten Conditional Comment (CC).

↑ ↓