Hallo zusammen,
Ich bin kein MEGA-Webdesigner, meine Kenntnisse hab ich mir learning-by-doing angeeignet und so bisher etwa ein duzend Webseiten erstellt.
Dabei hab ich stets darauf geachtet das die Seiten für jeden Browser zugänglich sind und auch stets mit verschiedenen Browsern die Ergebnisse getestet.
Während ich mich inzwischen schon irgendwie daran gewöhnt habe das ich im Schnitt für jede zweite Seite einen CSS-Hack für den IExplore schreiben muss, war ich einigermaßen schockiert als ich jetzt feststellen musste das ausgerechnet Firefox den Stylesheet nicht richtig interpretiert...!
Über das W3C (Ja, ich weiss, hier gehen die Meinungen auseinander, trotzdem - irgendeinen Anhaltspunkt muss man doch haben...) hab ich die Quelltexte des HTML und des CSS Codes validieren lassen.
Ausschließlich beim CSS gibt das W3C einige Warnungen aus, bezüglich der Farben - außer dem sind die 100%ig zufrieden, mit Gütesiegel
Trotzdem kann MEIN Firefox die Seite nicht richtig darstellen, im Gegensatz zu Opera V. 8.?? und auch 9.0 (Perfektes Ergebnis) und Safari (nicht selbst gesehen, aber ein Bekannter sagte sieht gut aus) und sogar IExplore in den verschiedensten Versionen mit verschiedensten OS's...
Könntet Ihr mir bitte sagen was ich hier falsch gecoded hab?
Hier ist der Inhalt der CSS:
body
{
font-family:Tahoma,Arial,sans-serif;
font-size:12px;
background-image:url(bg_left.gif);
background-repeat:repeat-y;
background-color:#FFFF99;
}
#content{
margin-right:150px;
font-family:Tahoma,Arial,sans-serif;
font-size:100%;
font-color:#000;
}
h1 {font-size:18px;color:#000000;}
h2 {font-size:16px;color:#000000;}
h3 {font-size:14px;color:#000000;}
a:link, a:visited, a:active, a:hover
{
text-decoration:underline;
font-weigt:bold;
color:#006600;
font-size:12px;
}
a:active, a:hover
{
text-decoration:none; color:#FFFF99;background-color:#006600
}
#menu{
float:left;
width:145px;
height:150px;
}
.menutitle
{
font-weight:bold;
}
Alles anzeigen
Es ist an sich ganz minimalistisch geschrieben, ich code meine Seiten alle ausschließlich im Notepad Editor um mir die lästigen Zusatztags der diversen WYSIWYG Programme zu ersparen, validierbarer Code kommt da eh nicht zustande ...
Übrigens: seit dem Update auf 1.5 ist es noch schlimmer geworden! Während früher der Inhalt einfach nur unten ganz links angeklatscht war statt im mittleren Bereich, wird er nun teilweise so weit nach links verschoben das der Text nicht mehr lesbar ist! (Interessanterweise nur auf der Startseite wo ich mal Neugiergdehalber das Tag "blockquote" verwandt habe)
Das Blockquote-Tag kann ich entfernen, damit hätte ich kein Problem, die Seitendarstellung bleibt aber trotzdem nicht zufriedenstellend...
Ich weiss, dies ist kein HTML-Forum - trotzdem hatte ich mir hier ein großes Hilfepotenzial erwartet weil hier ausschliesslich Firefox-User am Start sind. In den HTML-Foren treiben sich die verschiedensten User herum, und für gewöhnlich höre ich das die Seite gut darstellbar ist, halt eben zwecks Firefox kann mir fast keiner was sagen...
Falls - und das hier soll KEINE Werbung sein - Ihr die Seite sehen wollt, weil aus dem reinen CSS nichts hervorgehen würde, wäre hier mal die Adresse:
http://www.destille-gersthofen.de
Ich danke Euch schon mal für Eure Antworten!
Grüße
Michael