Gunnar Bittersmann: Browserunverträglichkeit mit Firefox

Beitrag lesen

ich habe folgende Website http://home.pages.at/bachgasse-5b/ChK/de/index.html
hauptsächlich mittels externer CSS-Datei konstruiert (http://home.pages.at/bachgasse-5b/ChK/de/standard.css).

Duci,
</faq/#Q-19>, danke.

Wenn ich diese Seite im Internet Explorer betrachte, wird sie wie gewünscht dargestellt. Anders allerdings bei Mozilla Firefox, dort ist sie komplett entstellt. […] Weiß jemand, woran das liegen könnte?

Die Frage stellt sich so nicht.[tm]

Entwickle deine Seiten immer für Browser, die Standards richtig umsetzen, und füge dann evtl. notwendige Fehlerkorrekturen für IE ein.

<meta name="keywords" content="Christoph Koncz, Violine, Violinist, Geige, Geiger, Klaviertrio, Koncz-Trio, Koncz Trio, Streichquartett, Soliani-Quartett, Soliani Quartett, Soliani, Verbier, Verbier Festival Orchestra, UBS Verbier Festival Orchestra, VFO, European Union Youth Orchestra, EUYO, Hochschule, Universität, Louis Spohr Wettbewerb, The Red Violin, Die rote Violine, Red Violin, rote Geige, Wien, Österreich, Musiker, Musikerfamilie">

Willst du damit Suchmaschinen irgendwie beeindrucken? Suchmaschinen sind beeindruckt vom Inhalt auf der Seite, nicht von Schlagwörtern, schon gar nicht, wenn diese nichts mit dem Seiteninhalt zu tun haben.

<div id="menu">  
<h3 style="color:#660000; text-align:left">news&nbsp;| biographie&nbsp;| <a href="repertoire/index.html" target="_self" style="color:#660000; text-decoration:none">repertoire</a>&nbsp;| konzerte&nbsp;| presse&nbsp;| media&nbsp;| h&auml;ufige fragen&nbsp;| kontakt</h3>  
</div>

Du missbrauchst hier das h3-Element. Ein Menü ist sicher keine Überschrift. Die Angabe der Farbe und Textdekoration muss da auch nicht sein, die kommen ins Stylesheet. (http://forum.de.selfhtml.org/archiv/2005/8/t112627/#m713009)

Verzichte auf das target-Attribut und überlasse dem Nutzer, ob er die verlinkte im selber Fenster öffenen möchte oder nicht.

Das div-Element außenrum ist nicht notwendig.

Korrekte Auszeichnung wäre:

<ul id="menu">  
<li>news&nbsp;| biographie&nbsp;|</li>  
<li><a href="repertoire/index.html">repertoire</a>&nbsp;|</li>  
<li>konzerte&nbsp;|</li>  
<li>presse&nbsp;|</li>  
<li>media&nbsp;|</li>  
<li>h&auml;ufige fragen&nbsp;|</li>  
<li>kontakt</li>  
</ul>

Die Angaben zur Darstellung (auch Listenitems nebeneinander) mit CSS.

<div id="farbe1">  
</div>  
<div id="farbe2">  
</div>  
<div id="farbe3">  
</div>  
<div id="farbe4">  
</div>

Das soll Dekoration sein? Dann wäre ein Hintergrundbild ratsam.

[code lang=html]<p class="text" style="text-align:right; font-size:8pt">&nbsp;Deutsch&nbsp;&#x007C; <a href="../en/index.html" target="_self">English</a></p>

pt ist die denkbar schlechteste Einheit zur Schriftgrößenangabe auf Bildschirmen. Gib diese in relativen Einheiten an: em, %.

Was soll das "&nbsp;" vor "Deutsch"?

Warum schreibst du "&#x007C;" und nicht "|"? Die Verwendung von Enitities für Umlaute ist auch nicht erforderlich, sondern erschwert nur das Lesen des Quelltextes. (http://www.w3.org/International/questions/qa-escapes.html)

Live long and prosper,
Gunnar

--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)