1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Firefox und IE

Dieses Thema im Forum "CSS" wurde erstellt von hhunderter, 8. Februar 2009.

  1. hhunderter

    hhunderter Erfahrenes Mitglied

    Hi, ich wes einfach net weiter.
    Bei dem folgenden Code wird es im IE angezeigt aber im Firefox net ist irgendwas anders im Firefox als im IE?

    HTML:
    1. <style type="text/css">
    2. <!--
    3. input
    4. {
    5. font-size: 12px;
    6. background-color:#777777;
    7. border-bottom: #000000 1pt solid;
    8. border-left: #000000 1pt solid;
    9. border-right: #000000 1pt solid;
    10. border-top: #000000 1pt solid;
    11. }
    12. select
    13. {
    14. font-size: 12px;
    15. background-color:#777777;
    16. border-bottom: #000000 1pt solid;
    17. border-left: #000000 1pt solid;
    18. border-right: #000000 1pt solid;
    19. border-top: #000000 1pt solid;
    20. }
    21. textarea
    22. {
    23. font-size: 12px;
    24. background-color:#777777;
    25. border-bottom: #000000 1pt solid;
    26. border-left: #000000 1pt solid;
    27. border-right: #000000 1pt solid;
    28. border-top: #000000 1pt solid;
    29. }
    30. hr
    31. {
    32. background-color: #cgcgcg;
    33. border-bottom: #c5c5c5 1pt solid;
    34. border-left: #c5c5c5 1pt solid;
    35. border-right: #c5c5c5 1pt solid;
    36. border-top: #c5c5c5 1pt solid;
    37. }
    38. -->
  2. Maik

    Maik Gast

    Hi,

    der Artikel Styling form controls zeigt die unterschiedlichen Interpretationen der gängigen Browser in der CSS-Formatierung von Formularelementen auf.

    mfg Maik
  3. chmee

    chmee mod | media Moderator

    Abgesehen davon, dass Du alle bottoms in eine Beschreibung packen kannst, solltest Du mal schauen, ob Deine Seite auch im Standardsmode dargestellt wird.

    Also anstatt:
    Code (HTML5):
    1.  
    2. hr
    3. {
    4. background-color: #cgcgcg;
    5. border-bottom: #c5c5c5 1pt solid;
    6. border-left: #c5c5c5 1pt solid;
    7. border-right: #c5c5c5 1pt solid;
    8. border-top: #c5c5c5 1pt solid;
    9. }
    10.  
    reicht :
    Code (HTML5):
    1.  
    2. hr
    3. {
    4. background-color: #cgcgcg;
    5. border: #c5c5c5 1pt solid;
    6. }
    7.  
    Setz Folgendes mal in Deinen Code, dann zeigts Dir an, ob im Kompatiblen (Quirks-Mode) oder im Standards-Mode gerendert wird:
    Code (Text):
    1.  
    2. <script type="text/javascript">
    3. document.write("Darstellungsmodus:" + document.compatMode);
    4. </script>
    Hier was zum Lesen:
    http://en.wikipedia.org/wiki/Quirks_mode
    http://carsten-protsch.de/zwischennetz/doctype/einleitung.html

    mfg chmee
  4. hhunderter

    hhunderter Erfahrenes Mitglied

    also jetzt siehts so aus :
    HTML:
    1. <style type="text/css">
    2. <!--
    3. input
    4. {
    5. font-size: 12px;
    6. background-color:#777777;
    7. border: #000000 1pt solid;
    8. }
    9. select
    10. {
    11. font-size: 12px;
    12. background-color:#777777;
    13. border: #000000 1pt solid;
    14. }
    15. textarea
    16. {
    17. font-size: 12px;
    18. background-color:#777777;
    19. border: #000000 1pt solid;
    20. }
    21. hr
    22. {
    23. background-color:#cgcgcg;
    24. border: #c5c5c5 1pt solid;
    25. }
    26. -->
    aber gibt immer noch net das gewünschte aus...
    das compatMode gibt des aus:
    IE=BackCompat
    Firefox=BackCompat
    woran liegt des den jetzt?
  5. Maik

    Maik Gast

    Hast du im HTML-Dokument einen Doctype deklariert? Wenn ja, welchen?

    Der »DOCTYPE-Switch« und seine Auswirkungen

    Ansonsten solltest du auch mal meinen eingangs empfohlenen Link lesen, und vor allem darin die Beispiele / Browser-Screenshots der einzelnen Formularelement-Typen miteinander vergleichen, denn deine angedachte Hintergrund- / Rahmen-Formatierung für das input-Element mit seinen unterschiedlichen Typen (radio,check) und dem select-Element, wird von den Browsern nicht gleichermaßen unterstützt.

    mfg Maik
  6. hhunderter

    hhunderter Erfahrenes Mitglied

    Nein ich hab keinen deklariert, welchen müste ich den nehmen?
  7. Maik

    Maik Gast

  8. hhunderter

    hhunderter Erfahrenes Mitglied

    Also dies erziehlte auch kein Erfolg, im IE formatiert er alles aber im Firefox bleibt alles normal...
    aber dafür macht er mir im Firefox meine Tabellen größer
    und im IE macht er mir mache stellen in die Mitte..
    Oder kann man die Farben im Firefox net ändern?
  9. Maik

    Maik Gast

    Hast du meine beiden Hinweise bzgl. der diskrepanten Browserunterstützung beim Formatieren der Formularelemente mit CSS nicht beachtet?

    Dagegen ist mit CSS kein Kraut gewachsen. Niceforms (JS-gestützt) bietet eine browserkompatible Formatierung der Formularelemente.

    mfg Maik
  10. hhunderter

    hhunderter Erfahrenes Mitglied

    ok ^^ ich vergas..
    hab den Text wohl nur überflogen
    es lag daran das ich eine Externe Datei benutze und ich die hier:
    HTML:
    1. <style type="text/css">
    2. <!--
    3. -->
    ja net setzen darf, jetzt klapts .

    THX

Diese Seite empfehlen