CONTENIDO Forum

Hallo zusammen,
ich habe schon wieder ein Problem. Wir setzen Contenido 4.8.15 ein und haben die Inhalte unter Windows Explorer 9 eingestellt. Hier sieht alles so aus, wie es sein sollte.
Nun wurden wir darauf aufmerksam gemacht, dass einige Seiten in der Windows Explorer Version 8 bzw. über Handy schrecklich aussehen. Zu erst habe ich es nicht geglaubt - stimmt leider! Wie kann dies sein? Muss ich nun auch Firefox, Mozialla und wie sie alle heißen herunterladen um zu prüfen, wie die Website jeweils aussehen? Was kann das sein.
Hier die Website (es geht insbesondere um die Seite Home und Team): www.dive-king-hannover.de

Herzlichen Dank für eine Information, Nixe

Hallo Nixe,

es ist immer noch und ein immer wieder auftauchendes "Problem", dass Internetbrowser den Ihnen zum Verarbeiten vor die Nase gesetzten Code teilweise unterschiedlich interpretieren. Klassiker ist der border, der von einem Browser zur Breite z. B. eines div hinzu- und beim anderen hineingerechnet wird. Der eine fabriziert dann also 100 Pixel breites div + 2 Pixel Rand gleich 102 Pixel Breite und der andere macht aus den vorgegebenen width: 100px; dann 98 damit inklusive Rand die 100 nicht überschritten wird. Die zwei Pixel mehr können dann - je nachdem wie das Layout aussieht - dasselbe hübsch zerschießen.

Du wirst kaum drum herum kommen, als Dir die Seite beim Erstellen immer wieder mal in den gängigsten Browsern anzuschauen. Grundsätzlich halte Dich möglichst strikt an an das w3c und erzeuge validen Code - sowohl html, als auch css. Tipp: Installiere Dir z. B. die Webdeveloper-Toolbar für Firefox, damit kannst Du allerhand prüfen: https://addons.mozilla.org/de/firefox/a ... developer/. Firebug (https://addons.mozilla.org/de/firefox/addon/firebug/) ist auch einen Blick wert.

Das Thema Handy/ mobile Endgeräte ist dann nochmal eine Nummer für sich, da das Display zwar bei aktuellen Highend-Modellen von der Auflösung her schon mit Net-/ Notebooks mithalten kann, aber eben nicht in der Größe. In eine normale Website wird man also immer hineinzoomen müssen, weshalb man - je nachdem was man vorhat - mit dem Gedanken spielen sollte eine eigens auf mobile Endgeräte zugeschnittene Seite zu erstellen. Aber so weit musst Du es ja nicht unbedingt treiben. Versuche erst einmal alle Validierungsfehler auszumerzen. Die Seite kann aber auch danach in den Browsern immer noch unterschiedlich aussehen - dafür ist gerade der ie in all seinen Versionen auch so beliebt . Um hier Abhilfe zu schaffen, kannst Du css-hacks nutzen um den verschiedenen Versionen des ie andere CSS-Kost vorzusetzen:

CSS hack Internet Explorer 7 (Star Plus Hack)
*+html .color {color: #F00;}

CSS hack Internet Explorer 8
@media \0screen {
.color {color: #F00;}
}

CSS hack Internet Explorer 9
:root .color {color: #F00\9;}

Viel Erfolg

Sehr interessant und hilfreich ist auch das Firefox Addon "Html Validator", welches sich in die Statusleite des Browsers ablegt und jede Seite beim Aufruf auf (X)HTML-Validität prüft.
Das Ergebnis der Prüfung wird mit einem Symbol, sowie die Anzahl an Fehler und Warnungen ausgegeben.
Ein Doppelklick darauf öffnet das Quelltext-Fenster mit darin einen zusätzlichen (neuen) Bereich der die Fehler und Warnungen auflistet und daneben Hinweise dazu einblendet.
Ein Klick auf ein Fehler zeigt diesen durch Markierung im Quelltext an.

Dann sollte man noch die folgenden Links im Layout einbinden, damit man per Klick darauf direkt die Validator des W3C aufruft um die jeweilige Seite zu prüfen:
XHTML (für HTML die Texte "Valid XHTML ..." abändern): CSS3: Gruß
René

Hallo!

Bevor ich Tools benutze, die alles "checken" würde ich es vorziehen lieber selbst alles anzuschauen. Ist viel effektiver. IE, Firefox, Chrome...andere Browser kommen - meistens - sowieso nicht zum Einsatz.

LG