darstellungsprobleme mit IE 5.5 und 7

divingblueplanet

Als Forum Hilfe Neueinsteiger erst einmal ein Hallo an die Community

Unsere neue Webseite habe ich aus mehreren CSS Layouts zusammengestellt. Gleich zu Beginn habe ich mit dem IE Tester festgestellt, dass es zwei Interpretationsprobleme, eines mit dem IE 5.5 und eines mit dem IE 7 gibt. Bei IE 6, IE 8, FF und Opera wird alles korrekt dargestellt.

Beim IE 5.5 wird die Navigationsleiste auseinander gezogen. Kennt jemand dafür einen speziellen CSS Hack für den IE 5.5 ? Sicherlich der Browser ist antiquiert - aber, falls es möglich ist, würde ich ihn schon noch berücksichtigen.

Beim IE 7 verschwindet der Schriftzug "BEST DIVING" teilweise hinter dem Bild - wie sieht es da mit einem IE 7 Hack aus ? Das wäre natürlich auch durch die Justierung der margin Angaben lösbar, aber mit einer Veränderung des gesamten optischen Eindrucks verbunden.

Das Ganze ist unter http://www.divingblueplanettenerife.com/index1.html zu sehen - Danke für Eure Antworten

sejuma

Für den IE 5.5 hab ich keine Lösung; ich denke, den kann man mittlerweile auch vernachlässigen.
Das andere Problem sollte sich damit lösen lassen:

Zitat

.title3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#3987b3;
width: 250px;
margin-left: 623px;
margin-top: 20px;
position: relative;
z-index: 1;
}

Alles anzeigen

PS: Deine Navi ist eine ziemliche div-Suppe. Das lässt sich mit einer ul-Liste eleganter und übersichtlicher lösen.

Elvis

Zitat von divingblueplanet

Als Forum Hilfe Neueinsteiger erst einmal ein Hallo an die Community

Hallo und herzlich Willkommen!

Zitat von divingblueplanet

Als Forum Hilfe Neueinsteiger erst einmal ein Hallo an die Community

Endlich mal jemand der hier die Schrift formatiert und das auch sinnvoll macht!

Zitat von divingblueplanet

Unsere neue Webseite habe ich aus mehreren CSS Layouts zusammengestellt. Gleich zu Beginn habe ich mit dem IE Tester festgestellt, dass es zwei Interpretationsprobleme, eines mit dem IE 5.5 und eines mit dem IE 7 gibt. Bei IE 6, IE 8, FF und Opera wird alles korrekt dargestellt.

Auch wenn Du Dir hier Bienchen verdienen willst, teile ich genauso wie sejuma diesen IE-Hack-Fetischismuss nicht. Ich will jetzt auch nicht IE-Hacks prinzipiell verteufeln, aber für den 6.0 oder gar den 5.5 ein extra Stylesheet anzulegen ist mMn völlig übertrieben. Es gibt auch aus dem Hause Microsoft einen Browser der sehr wohl in der Lage ist Webstandards richtig darzustellen.

Zitat von sejuma

PS: Deine Navi ist eine ziemliche div-Suppe. Das lässt sich mit einer ul-Liste eleganter und übersichtlicher lösen.

Leider hast Du da falsch geschaut sejuma. Die komplette Seite ist eine einzige DIV-Suppe. Lieber Threadersteller, bitte beschäftige Dich auch mit anderen Tags als DIV. Stichwort wäre hier Semantische Textauszeichnung.

divingblueplanet

Herzlichen Dank an sejuma und Elvis

Die CSS Code Erweiterung lässt den Text nun auch beim IE7 richtig erscheinen.

Zitat

Auch wenn Du Dir hier Bienchen verdienen willst, teile ich genauso wie sejuma diesen IE-Hack-Fetischismuss nicht. Ich will jetzt auch nicht IE-Hacks prinzipiell verteufeln, aber für den 6.0 oder gar den 5.5 ein extra Stylesheet anzulegen ist mMn völlig übertrieben. Es gibt auch aus dem Hause Microsoft einen Browser der sehr wohl in der Lage ist Webstandards richtig darzustellen.

Im Prinzip hast Du ja recht Elvis, wenn es nicht noch immer einige IE 5.5 User gäbe, die bisher, aus welchen Gründen auch immer, nicht auf neuere Versionen umgestellt haben. Und, wenn es dann eine Lösung gäbe, die für mich nicht zu viel Arbeit bedeutet, kann ich auch diese kleine Usergruppe zufriedenstellen.

Zitat

Deine Navi ist eine ziemliche div-Suppe. Das lässt sich mit einer ul-Liste eleganter und übersichtlicher lösen.

Zitat

Leider hast Du da falsch geschaut sejuma. Die komplette Seite ist eine einzige DIV-Suppe. Lieber Threadersteller, bitte beschäftige Dich auch mit anderen Tags als DIV. Stichwort wäre hier Semantische Textauszeichnung.

Vielen Dank für Eure Hinweise. Ich werde einmal versuchen Eure Profi Tipps umzusetzen. Wobei ich (beim derzeitigen Anfangsstand der Seite) nicht ganz verstanden habe, was Elvis genau damit meint, die DIV Tags zu ersetzen.

Elvis

In einem Buch über Webstandards habe ich gelesen dass es eine Masse an Menschen gibt die auf die Seiten der (ich glaube) öffentlichen New Yorker Bibliothek mit dem IE 5.5 zugreifen. Gut. Wenn sich die Webdesigner dieser Site um entsprechende Hacks kümmern, dann ist es vielleicht noch nachvollziehbar, weil der Prozentanteil glaube ich sogar zweistellig war. Ansonsten fällt mir nur das Auto mit drei Rädern ein. Ohne Frage, man kommt mit ihm von A nach B, aber oft kippte es halt auch um.

Zum Thema DIV-Suppe:
Warum selbst was schreiben, wenn es andere schon viel besser gesagt haben?
DIV ist nur ein Strukturelement.

Zum Thema Semantische Textauszeichnung:
Beschäftige Dich einfach mal mit dem Tag <p> und Du wirst exemplarisch sehen wo Dein Verständnisproblem bisher war.

divingblueplanet

Habe mir mal die ganzen Berichte durchgelesen - sehr interessant.

Es werden ja viele Alternativen erläutert, aber dabei ist Folgendes offen geblieben:
Hat es irgendwelche negativen Auswirkungen beim Aufrufen der Webseite, wenn viele DIV's vorhanden sind ?

Und, welche sind die eigentlichen Gründe warum allzu viele DIV's nicht erwünscht sind ?

Elvis

Versuchst Du mit einem Brotmesser eine Tomate zu zerschneiden? Es würde gehen....

Oder (um zum Thema zurück zu kehren) ersetze mal alle Divs durch h1. Entweder glaubt Google dass Du keine Ahnung hast und bleibst im Index oder Du fliegst wegen SUMA-Spamming raus.

Ein Absatz ist eine Absatz und eine Liste eine Liste. Schon mal versucht bei einem Brief die Fragezeichen durch Semikolons zu ersetzen?

divingblueplanet

Elvis - ich habe das Gefühl, völlig unabsichtlich, in so eine Art Wespennest gestochen zu haben.

Wie schon einmal weiter oben gepostet, gebe ich Dir vollkommen Recht. Meine Fragen waren aber ganz andere:

Zitat

Hat es irgendwelche negativen Auswirkungen beim Aufrufen der Webseite, wenn viele DIV's vorhanden sind ?

Und, welche sind die eigentlichen Gründe warum allzu viele DIV's nicht erwünscht sind ?

Aus all dem, was ich nämlich bisher zu diesem Thema gelesen habe, geht bisher nur hervor, dass, aber nicht warum so viele DIV's nicht sein sollen.

Web2.0

Hallo,

Versuchen Sie mal diesen Doctype, ihrer scheint fehlerhaft zu sein.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

Zudem ist in XHTML ein alt="" erforderlich, es kann wie gezeigt auch leer gelassen werden

Sie haben doch in Ihrem Quellcode einen Validatorlink vermerkt, nutzen Sie ihn auch:D

Wenn Ihre seite valide und sematisch erstellt wurde, wie die anderen schon erwähnten, sollte Sie auch ordnungsgemäss angezeigt werden. bei einigen erweiteren Optionen falls nötig kann man dann noch spezielle Css Sheets erstellen

Zu den älteren versionen teile ich die meinung der anderen, unter ie6 ist es nicht mehr so wichtig.

Macrosdesign

Zitat von Elvis

Versuchst Du mit einem Brotmesser eine Tomate zu zerschneiden? Es würde gehen....

Oder (um zum Thema zurück zu kehren) ersetze mal alle Divs durch h1. Entweder glaubt Google dass Du keine Ahnung hast und bleibst im Index oder Du fliegst wegen SUMA-Spamming raus.

Ein Absatz ist eine Absatz und eine Liste eine Liste. Schon mal versucht bei einem Brief die Fragezeichen durch Semikolons zu ersetzen?

Deine Fragen beantwortet Elvis doch auch wenn es nicht so deutlich daraus hervorgeht. Was er eigentlich damit sagen wollte, so glaube ich, ist, das es in HTML nun mal verschiedene Elemente gibt für spezielle Sachen (zb. Absatz (<p>) und das man diese Elemente gefälligst nur dafür verwenden soll wofür sie vorgesehen sind. Die Anzahl der DIV im Quelltext ist egal solange sie richtig und sinnvoll eingesetzt werden. Er hat halt Metaphern benutzt, die man nicht unbedingt verstehen muss;)
Um auf das mit der Tomate einzugehen : Brotmesser ist für Brot und nicht für Gemüse genau wie ein Absatz für ein Absatz ist aber es würde auch mit einem DIV funktionieren

Elvis

Nach eine von meinen tollen Metaphern....

Baust Du an Dein Auto 6 Räder? es fährt doch auch mit 4. Und Standard ist es außerdem noch.;-)

Und wie Macro das schon richtig gesagt hat, geht es nicht nur um die reine Anzahl, sondern auch um den Sinn an ihrem gewählten Platz. Schreibe ich einen Absatz, dann setze ich diesen in den <p>-Tag. nicht in ein <div>, ein <br>, <h6> oder gar in ein <img>. Alle Elemente haben eine Bedeutung und nach dieser sollten man sie auch benutzen!

Und das solltest Du grad bedenken, denn mit der Site soll ja Geld generiert werden. Je sinnvoller Du auszeichnest, desto besser versteht es auch eine Maschine wie Google. Von einem Lesegerät für Blinde will ich erst gar nicht sprechen.

Somit ist es bei Dir nicht der qualitativ falsche Einsatz, sondern der qualitativ falsche Einsatz.

Ein DIV(-Container) ist ein Strukturelement, mit dem man einzelne Bereiche definiert, denen man dann entsprechende Formatierungen geben kann. So sind typische Container auf einer Seite:

Kopf
Navi
Inhalt
Seitenbereich
Fuß

Durch die Container kann man jetzt zum Beispiel das Aussehen von Links im Fußbereich, der Navigation und im Inhaltscontainer unterschiedlich definieren.

Tante Edith sagt:
Auch soll von Suchmaschinen das Verhältnis zwischen Inhalt und Code bewertet werden. Einer der Gründe warum Tabellenlayouts verpönt sind.

divingblueplanet

War krankheitsbedingt "out of order".

Zu der Änderung der <DIV>'s bin ich noch nicht gekommen. Aber mir ist ein weiterer Darstellungsfehler bei IE 6 und 7 auf allen bisher vorhandenen Webseiten, die unter http://www.divingblueplanettenerife.com/index1.php hinterlegt sind, aufgefallen.

Das Bild "bggradient.jpg" schließt nicht korrekt an das Bild "shell.jpg" an, es bleibt ein kleiner Spalt.

Woran kann das liegen ? IE 8, FF und Opera ohne Probleme.

divingblueplanet

Zitat von divingblueplanet

War krankheitsbedingt "out of order".

Zu der Änderung der <DIV>'s bin ich noch nicht gekommen. Aber mir ist ein weiterer Darstellungsfehler bei IE 6 und 7 auf allen bisher vorhandenen Webseiten, die unter http://www.divingblueplanettenerife.com/index1.php hinterlegt sind, aufgefallen.

Das Bild "bggradient.jpg" schließt nicht korrekt an das Bild "shell.jpg" an, es bleibt ein kleiner Spalt.

Woran kann das liegen ? IE 8, FF und Opera ohne Probleme.

Darf ich noch einmal um Eure Mithilfe bitten - Danke im voraus