ERLEDIGT
JA
ANTWORTEN
9
ZUGRIFFE
710
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    Avatar von hhunderter
    hhunderter ist offline Mitglied Gold
    Registriert seit
    Mar 2005
    Ort
    Dorsten
    Beiträge
    216
    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-Code:
    <style type="text/css">
    <!--
    input
    {
    font-size: 12px;
    background-color:#777777;
    border-bottom: #000000 1pt solid;
    border-left: #000000 1pt solid;
    border-right: #000000 1pt solid;
    border-top: #000000 1pt solid;
    }
    select
    {
    font-size: 12px;
    background-color:#777777;
    border-bottom: #000000 1pt solid;
    border-left: #000000 1pt solid;
    border-right: #000000 1pt solid;
    border-top: #000000 1pt solid;
    }
    textarea
    {
    font-size: 12px;
    background-color:#777777;
    border-bottom: #000000 1pt solid;
    border-left: #000000 1pt solid;
    border-right: #000000 1pt solid;
    border-top: #000000 1pt solid;
    }
    hr
    {
    background-color: #cgcgcg;
    border-bottom: #c5c5c5 1pt solid;
    border-left: #c5c5c5 1pt solid;
    border-right: #c5c5c5 1pt solid;
    border-top: #c5c5c5 1pt solid;
    }
    -->
    </style>
     
    Vorsicht : NervernSäge

    Das Leben ist ein Spiel , das spiel ist sch*** die Grafik ist guuuut

    Gamen ist mein Leben .
    der Rest ist mein Hobby

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

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

    mfg Maik
     

  3. #3
    Avatar von chmee
    chmee ist offline mod | media
    tutorials.de Moderator
    Registriert seit
    Apr 2004
    Ort
    Berlin bei Potsdam
    Beiträge
    7.781
    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:
    HTML-Code:
    hr
    {
    background-color: #cgcgcg;
    border-bottom: #c5c5c5 1pt solid;
    border-left: #c5c5c5 1pt solid;
    border-right: #c5c5c5 1pt solid;
    border-top: #c5c5c5 1pt solid;
    }
    reicht :
    HTML-Code:
    hr
    {
    background-color: #cgcgcg;
    border: #c5c5c5 1pt solid;
    }
    Setz Folgendes mal in Deinen Code, dann zeigts Dir an, ob im Kompatiblen (Quirks-Mode) oder im Standards-Mode gerendert wird:
    Code :
    1
    2
    3
    
    <script type="text/javascript">
    document.write("Darstellungsmodus:" + document.compatMode);
    </script>

    Hier was zum Lesen:
    http://en.wikipedia.org/wiki/Quirks_mode
    http://carsten-protsch.de/zwischenne...inleitung.html

    mfg chmee
     
    Mein Blog - VideoFAQ - FotoFAQ - bei Flickr - DSLR Kleinanzeigen
    Benutzt den DANKE-Knopf oder bewertet den Beitrag

    "GEHT NICHT" HILFT NICHT, TESTET EURE CODES ONLINE UND GEBT KLARE INFOS!
    -> Regexp <- -> php <- -> Javascript <-

  4. #4
    Avatar von hhunderter
    hhunderter ist offline Mitglied Gold
    Registriert seit
    Mar 2005
    Ort
    Dorsten
    Beiträge
    216
    also jetzt siehts so aus :
    HTML-Code:
    <style type="text/css">
    <!--
    input
    {
    font-size: 12px;
    background-color:#777777;
    border: #000000 1pt solid;
    }
    select
    {
    font-size: 12px;
    background-color:#777777;
    border: #000000 1pt solid;
    }
    textarea
    {
    font-size: 12px;
    background-color:#777777;
    border: #000000 1pt solid;
    }
    hr
    {
    background-color:#cgcgcg;
    border: #c5c5c5 1pt solid;
    }
    -->
    </style>
    aber gibt immer noch net das gewünschte aus...
    das compatMode gibt des aus:
    IE=BackCompat
    Firefox=BackCompat
    woran liegt des den jetzt?
     
    Vorsicht : NervernSäge

    Das Leben ist ein Spiel , das spiel ist sch*** die Grafik ist guuuut

    Gamen ist mein Leben .
    der Rest ist mein Hobby

  5. #5
    Maik Tutorials.de Gastzugang
    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. #6
    Avatar von hhunderter
    hhunderter ist offline Mitglied Gold
    Registriert seit
    Mar 2005
    Ort
    Dorsten
    Beiträge
    216
    Nein ich hab keinen deklariert, welchen müste ich den nehmen?
     
    Vorsicht : NervernSäge

    Das Leben ist ein Spiel , das spiel ist sch*** die Grafik ist guuuut

    Gamen ist mein Leben .
    der Rest ist mein Hobby

  7. #7
    Maik Tutorials.de Gastzugang
    http://carsten-protsch.de/zwischenne...tung.html#full oder http://carsten-protsch.de/zwischenne...ng.html#almost, damit das Dokument den Browsern im standardkonformen Modus (CSS1Compat) übergeben wird.

    mfg Maik
     

  8. #8
    Avatar von hhunderter
    hhunderter ist offline Mitglied Gold
    Registriert seit
    Mar 2005
    Ort
    Dorsten
    Beiträge
    216
    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?
     
    Vorsicht : NervernSäge

    Das Leben ist ein Spiel , das spiel ist sch*** die Grafik ist guuuut

    Gamen ist mein Leben .
    der Rest ist mein Hobby

  9. #9
    Maik Tutorials.de Gastzugang
    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. #10
    Avatar von hhunderter
    hhunderter ist offline Mitglied Gold
    Registriert seit
    Mar 2005
    Ort
    Dorsten
    Beiträge
    216
    ok ich vergas..
    hab den Text wohl nur überflogen
    es lag daran das ich eine Externe Datei benutze und ich die hier:
    HTML-Code:
    <style type="text/css">
    <!--
    -->
    </style>
    ja net setzen darf, jetzt klapts .

    THX
     
    Vorsicht : NervernSäge

    Das Leben ist ein Spiel , das spiel ist sch*** die Grafik ist guuuut

    Gamen ist mein Leben .
    der Rest ist mein Hobby

Ähnliche Themen

  1. Swf in Firefox und IE
    Von starfoxfs im Forum CSS
    Antworten: 3
    Letzter Beitrag: 22.12.09, 14:06
  2. Firefox 1.5 ignoriert css Firefox 2 geht
    Von splasch im Forum CSS
    Antworten: 4
    Letzter Beitrag: 22.11.06, 13:45
  3. JS : Firefox und IE 6.0
    Von AlexD1979 im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 29.05.06, 09:35
  4. Firefox & IE
    Von Dr_Google im Forum CSS
    Antworten: 6
    Letzter Beitrag: 31.08.05, 14:04
  5. this und Firefox
    Von esenay im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 21.07.05, 10:18