Zum Inhalt springen
ThreadHTML5 & CSS

11 CSS Fehler, wie bekomme ich die weg?

Kategorie
HTML5 & CSS
Antworten
16
Verfasst von: ehemaliges Mitglied Datum: 03.01.2010, 17:11 Uhr
Archiv-KommentarArchiviert, nicht priorisiertHTML5 & CSS

Redaktionelle Einordnung

Diese archivierte Diskussion behandelt 11 CSS Fehler, wie bekomme ich die weg? aus Sicht der Rubrik HTML5 & CSS.

Die Diskussion bleibt als Archiv nutzbar. Für die aktuelle Bewertung empfehlen sich ergänzend neuere Artikel, Tools oder eine konkrete Analyse.

Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.

Einige im historischen Thread genannte Tools, Dienste oder externe Links könnten heute nicht mehr verfügbar oder inhaltlich überholt sein. Nutzen Sie sie bitte nur mit zusätzlicher Prüfung.

Startbeitrag

Archivierter Thread aus dem Seitenreport-Forum.

Zur Kategorie
ehemaliges Mitglied
Threadstart · HTML5 & CSS · 03.01.2010, 17:11 Uhr

Hallo zusammen,

ich würde gerne die css Fehler auf meiner Seite entfernen:

jigsaw.w3.org/css-validator/validator=http://www.factoring-mittelstand.de



Kann mir jemand sagen wo ich ansetzen muss? Wo muss ich Veränderungen vornehmen? Im Quelltext? Mein Wissen ist für die Fehler-Behebung leider noch nicht ausreichend genug.

Vielen Dank
Gruß
Benjamin

Antworten

10 Beiträge
gelöschter Benutzer · 03.01.2010, 17:29 Uhr
Antwort

Hallo Benjamin

Einlese-Fehler * overflow: hidden;

Da steht an überflüssiger Stelle der Universal Selector "*". Müsste man entfernen!

Wahrscheinlich sind viele Fehler dann Folgefehler! Ich würde erst mal die 5 Fehler begradigen und dann kann man weitersehen ob noch übrigbleibt!

Gruß
Jörg

gelöschter Benutzer · 03.01.2010, 17:30 Uhr
Antwort

In dem validierten Text kommen die Fehler nicht vor.

zbs den Fehler mit yellow.jpg find ich darin nicht.

Außerdem stimmt die Zeilennummer nicht überein, da der Validator die Leerzeilen entfernt.

Du müsstest mal die bemängelten Stellen posten.

gelöschter Benutzer · 03.01.2010, 17:38 Uhr
Antwort

Bohrmann schrieb:

Kann mir jemand sagen wo ich ansetzen muss? Wo muss ich Veränderungen vornehmen? Im Quelltext? Mein Wissen ist für die Fehler-Behebung leider noch nicht ausreichend genug.


Die Fehler sind in den css-Dateien. Lade die in einen Editor mit Zeilennummern oder benutze die Suchfunktion. Bei der ersten Meldung wirst du z.B. finden, dass da

* overflow: hidden; /* ie6 fix */

steht. Mit dem * kann der Validator nichts anfangen. Nun musst du ausprobieren, ob sich an der Darstellung deiner Site im Browser was ändert, wenn du den Fehler behebst. Es sieht so aus, als hätte jemand versucht hier für den IE 6 eine spezielle Regel zu schreiben (das sollte man allerdings anders machen).

Und dann halt Fehler für Fehler abarbeiten ... ja, das ist etwas Arbeit.

Gérard

gelöschter Benutzer · 03.01.2010, 17:41 Uhr
Antwort

joerg schrieb:

Wahrscheinlich sind viele Fehler dann Folgefehler! Ich würde erst mal die 5 Fehler begradigen und dann kann man weitersehen ob noch übrigbleibt!


Einen nach dem anderen - und dazwischen testen (das meiste was ich gesehen habe steht im Zusammenhang mit Fixes für IE 6).

Gérard

gelöschter Benutzer · 03.01.2010, 17:44 Uhr
Antwort

Welche bemängelten Stellen soll ich posten und wie komme ich daran?
Wie gesagt bin da noch ein Neuling, habe nur Zugriff per MODx und FTP auf meine Seite.
Reicht das aus um die Fehler zu beheben?

gelöschter Benutzer · 03.01.2010, 17:47 Uhr
Antwort

Du brauchst nur die CSS Dateien deiner Seite und einen Texteditor, der die Zeilennummern anzeigt.





gelöschter Benutzer · 03.01.2010, 17:48 Uhr
Antwort

MatthiasHuehr schrieb:

In dem validierten Text kommen die Fehler nicht vor.
zbs den Fehler mit yellow.jpg find ich darin nicht.


Im css sthet der Fehler schon:

#button_box ul li {
padding: 0px;
list-style-type: none;
list-style-image: none;
background-image: url(../../images/box_yellow.png);
* background-image: url(../../images/box_yellow.jpg);
background-repeat: no-repeat;
height: 88px;
width: 183px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}

Offensichtlich ein Versuch für sehr alte IEs etwas zu liefern, dass sie (und nur sie) verstehen. Die richtige Lösung solcher Probleme heißt "conditional comments".

Gérard

gelöschter Benutzer · 03.01.2010, 17:52 Uhr
Antwort

MatthiasHuehr schrieb:

Du brauchst nur die CSS Dateien deiner Seite und einen Texteditor, der die Zeilennummern anzeigt.


Die Suchfunktion tuts auch ...

Gérard

gelöschter Benutzer · 03.01.2010, 17:56 Uhr
Antwort

Ich verwende Notepad++ (http://notepad-plus.sourceforge.net/de/site.htm)

Ich kann absolut nachvollziehen wie schwierig es ist mit den Codes in css-Dateien zurechtzukommen - hab da auch noch einiges vor mir.


Gruß,
Claudio.

gelöschter Benutzer · 03.01.2010, 17:56 Uhr
Antwort

gerard schrieb:

MatthiasHuehr schrieb:

Du brauchst nur die CSS Dateien deiner Seite und einen Texteditor, der die Zeilennummern anzeigt.


Die Suchfunktion tuts auch ...

Gérard



Ich bin halt an Textpad gewöhnt ... schließlich tippe ich noch alles von Hand.
Die gratis Design-Vorlagen wollten nicht so wie ich und da hab ich halt von 0 angefangen und versteh dann jetzt auch, was ich da überhaupt verbrochen habe.