Ergebnis 1 bis 5 von 5

Thema: Darstellungsprobleme unterschiedlicher Browser vorbeugen

  1. #1
    Teeny
    Registriert seit
    26.05.2012
    Beiträge
    22
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Darstellungsprobleme unterschiedlicher Browser vorbeugen

    Hallo.

    Es macht mich noch wahnsinnig diese unterschiedliche Darstellung in verschiedenen Browsern.
    Gibt es irgendwo eine Liste oder ähnliches auf der man sieht, wie man Darstellungsfehler der verschiedenen Browsern im CSS korrigieren kann? Gerade habe ich wieder so einen Fall. Der FF stellt einen umfliesenden Text eines Fotos (mit float left und padding 15px) korrekt dar. Rufe ich das ganze im IE auf wird das padding kleiner angezeigt - also so ungefähr 10px. Dadurch wird natürlich der rechts neben dem Foto stehende Text falsch umgebrochen, was ich nicht möchte.
    Jetzt hab ich keine Ahnung warum das IE das so falsch anzeigt und wie ich das CSS so schreiben kann, dass es auf beiden (allen) Browsern korrekt dargestellt wird. Hat jemand vielleicht so eine Art Referenzliste?

    Danke!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Darstellungsprobleme unterschiedlicher Browser vorbeugen

    Hallo

    Hast du einen Link zu der Seite? Erfahrungsgemäß befinden sich bei solchen Fragen in dem Quellcode verschiedene Fehler.

    warum das IE das so falsch anzeigt
    Diese Schlussfolgerung ist schon mal grundsätzlich falsch. Wenn ein Browser eine Seite nicht so anzeigt wie du es erwartest liegt es zu 99,99% am HTML- / CSS-Quelltext. Also am Individuum an der Tastatur. Die Browser zeigen das an, was ihnen vorgegeben wird. Nur auf fehlerhafte Eingaben reagieren sie unterschiedlich.

    Dadurch wird natürlich der rechts neben dem Foto stehende Text falsch umgebrochen
    Text soll je nach Fenstergröße angepasst umgebrochen werden.

    Es macht mich noch wahnsinnig diese unterschiedliche Darstellung in verschiedenen Browsern.
    Diese Ansicht stammt aus dem letzten Jahrtausend und ist durch die unterschiedlichen Ausgabegeräte überholt und veraltet. Heutzutage ist das Ziel, das der Inhalt von Internetseiten für den Besucher möglichst leicht zu lesen bzw. aufzunehmen sein soll. Wer feste Größen benutzt greift zu Word, zu Plakaten, zu Flyern oder zu pdf-Dateien. Bei denen kann man eine feste Größe definieren.

    Jeder Browser bringt sein eigenes CSS-Stylesheet mit. Um die auf eine einheitliche Grundlage zu bringen solltest du mal nach "css normalisierung" googeln. Dadurch sollen die unterschiedlichen Abstände, Schriftgrößen, Schriftarten u.s.w. der unterschiedlichen Browser aneinander angepasst werden.

    Zudem solltest du darauf achten, das bei den Browsern auch der gleiche Zoomfaktor vorgegeben ist.

    Gruss

    MrMurphy

  3. #3
    HTML Newbie
    Registriert seit
    11.01.2014
    Beiträge
    7
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellungsprobleme unterschiedlicher Browser vorbeugen

    Hallo MrMurphy.

    Einige Selektoren muss man doch z.B. im IE anders schreiben als in anderen Browsern. Ein genaues Beispiel habe ich jetzt leider nicht und ich hoffe du verstehst was ich meine. Gibt es eine Art Referenz wo man erkennen kann, welcher Selektor (CSS) in bestimmten Browsern anders geschrieben werden muss?

    VIELEN DANK!

    Gruss

  4. #4
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Darstellungsprobleme unterschiedlicher Browser vorbeugen

    Hallo,

    es ist natürlich schwierig dir konkrete Antworten zu geben, wenn du kein konkretes Beispiel nennst. Stell' doch einfach mal eine Seite online bereit, die dir Probleme bereitet. Dann kann man dir auch helfen.

    Einige Selektoren muss man doch z.B. im IE anders schreiben als in anderen Browsern.
    Nein.

    Ein genaues Beispiel habe ich jetzt leider nicht ...
    Weil es wie schon geschrieben keine gibt.

    Es macht mich noch wahnsinnig diese unterschiedliche Darstellung in verschiedenen Browsern.
    Du hast doch selbst Probleme. Das sind für dich doch die besten Beispiele und für uns die beste Grundlage dir zu helfen. Die kannst du doch wie schon geschrieben als Beispiel bei einem Freewareprovider wie bplaced.net online stellen.

    Gibt es eine Art Referenz wo man erkennen kann, welcher Selektor (CSS) in bestimmten Browsern anders geschrieben werden muss?
    Aus den genannten Gründen wäre so eine Referenz sinnlos.

    Grundlage für das aktuelle HTML5 und CSS3 sind die Zusammenschlüsse vom W3C und WHATWG. Wobei in der WHATWG alle Browserhersteller mitarbeiten und entsprechend auf einheitliche Standards und Schreibweisen achten.

    "Unterschiedliche Schreibweisen" gibt es nur in CSS zu noch nicht freigegebenen Anweisungen, die sich in der Testphase befinden. Dort muss eventuell für unterschiedliche Browser ein sogenanntes Präfix verwendet werden. Das gilt also auch nur für HTML5 und CSS3.

    Wenn man sich damit nicht auskennt sollte man von solchen sich in der Testphase befindlichen Anweisungen die Finger lassen. Und schon gar nicht sollte man die mit HTML4 oder XHTML benutzen. Das sind auch immer wieder gerne gemachte Fehler.

    Welche Browser welche CSS-Anweisungen in HTML5 und CSS3 unterstützen und für welche Versionen Präfixe erforderlich sind kann auf der Seite

    http://caniuse.com/

    nachgeschaut werden.

    Gruss

    MrMurphy
    Geändert von MrMurphy (26.04.2014 um 12:09 Uhr)

  5. #5
    HTML Newbie
    Registriert seit
    11.01.2014
    Beiträge
    7
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Darstellungsprobleme unterschiedlicher Browser vorbeugen

    Ich habe nichts online zu stellen da ich den Fehler auf andere Weise gelöst hatte.
    Aber der LINK den du geschrieben hast hilft mir schon sehr weiter.
    Hab vielen Dank!

Ähnliche Themen

  1. Darstellungsprobleme
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.02.2010, 12:01
  2. darstellungsprobleme mit IE 5.5 und 7
    Von divingblueplanet im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 05.12.2009, 20:34
  3. IE7 Darstellungsprobleme
    Von BendOr im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 22.11.2007, 19:14
  4. Antworten: 15
    Letzter Beitrag: 19.09.2007, 22:22
  5. Browser Emulator Browserarchiv auch alte Browser
    Von meikschmidt im Forum Link Tipps
    Antworten: 1
    Letzter Beitrag: 17.10.2006, 19:28

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •