Klaus: Firefox & CSS

Hallo,

kann es sein, dass Firefox viele CSS Attribute nicht anwendet?

Zum Beispiel:

padding: 10px;
 vertical-align: top;
 line-height: 10px;

Im IE ist alles perfekt. Im Validator sind keine Fehler. Nur der Firefox schmeisst alles durcheinander. Ich habe fast das Gefühl, dass Grafiken als Layer behandelt werden und übereinander gestapelt werden.

** FRUST **

Gruß,

Klaus

  1. Hallo,

    Ich habe fast das Gefühl, dass hier eine Problembeschreibung fehlt. </faq/#Q-07> f.

    Viele Grüße
    Patrick

    --
    "Though this be madness, yet there's method in't."
    sh:( fo:| ch:? rl:( br:^ n4:( ie:{ mo:) va:} de:> zu:) fl:| js:( ss:| ls:[
    1. Hallo,

      der IE stellt alles korrekt dar, der Firefox nicht und der Netscape auch nicht. Die Bilder werden ganz nach oben gerückt, obwohl die Tabelle drei Reihen drüber hat un Elemente enthält. Die Grafiken werden einfach drüber gelegt.

      Vielleicht ist es auch ein SSI-Problem. Auf jeden Fall sind die beiden Browser unprofessionell un gehören verboten!

      Klaus

      1. Hallo

        ... Auf jeden Fall sind die beiden Browser unprofessionell un gehören verboten!

        Wann reichst du die Verfassungsklage ein? *scnr*

        Tschö, Auge

        --
        Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
        (Victor Hugo)
        Veranstaltungsdatenbank Vdb 0.1
      2. Hi,

        der IE stellt alles korrekt dar,

        *möööp* falsch. Wie gewünscht vielleicht, aber nicht korrekt.

        der Firefox nicht

        Unwahrscheinlich.

        und der Netscape auch nicht.

        Netscape 3 kann kein CSS, Netscape 4 nur JSSS, Netscape 6 ist ein Prä-Alpha-Mozilla, Netscape 7 ein Mozilla. Die ersten beiden sollten von CSS ausgeschlossen werden, der dritte ist irrelevant und den vierten hast Du mit Firefox bereits abgedeckt.

        Die Bilder werden ganz nach oben gerückt, obwohl die Tabelle drei Reihen drüber hat un Elemente enthält. Die Grafiken werden einfach drüber gelegt.

        Dann ist mit an Sicherheit grenzender Wahrscheinlichkeit genau dies das richtige Verhalten, welches Dein CSS in Deinem HTML gebietet. Ein Schnipselchen unvollständigen Codes reicht zu einer näheren Betrachtung nicht aus, im Gegensatz zu beispielsweise einem Link zu einer Seite, die das Problem erkennbar macht.

        Vielleicht ist es auch ein SSI-Problem.

        Unter keinen Umständen ist dies denkbar.

        Auf jeden Fall sind die beiden Browser unprofessionell un gehören verboten!

        Aha.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. Hi,

          danke für eine klare Antwort!

          Klaus

          1. Hi,

            danke für eine klare Antwort!

            gern geschehen. Schade, dass Du nicht auf sie eingehst; so ist eine eventuelle weitere Hilfe natürlich unmöglich.

            Cheatah

            --
            X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
            X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
            1. Hi,

              FireFox hat definitiv ein Problem. Ich habe eine Tabelle mit zwei Reihen. Die Tabellen haben als class:

              .textI {
               font-family: sans-serif, Verdana, Arial, Helvetica;
               font-size: 11px;
               font-weight: normal;
               color: black;
               padding: 25px;
               vertical-align: top;
               text-align: justify;
               line-height: 17px;
               text-decoration: none;
              }
              a.textI { color: #695928; font-weight: normal; text-decoration: none; }
              a.textI:hover { color: black; text-decoration: none; }
              a.textI:visited { color: #695928; text-decoration: none; }
              a.textI:visited:hover { color: black; text-decoration: none; }

              Die Bilder, die in die untere Reihe eingefügt werden erscheinen am oberen Bildrand, in der ersten Reihe. Quelltextfehler gibt es keine.

              Gruß, Klaus

              1. Hi,

                FireFox hat definitiv ein Problem.

                ja, hat er, natürlich. Ob Du ein solches gefunden hast, bezweifele ich aber bis zu Gegenbeweis.

                font-family: sans-serif, Verdana, Arial, Helvetica;

                sans-serif ist eine jedem CSS-fähigen Browser bekannte Schrift"art", so dass niemals ein anderes Element der Liste gewählt werden wird.

                font-size: 11px;

                "px" ist eine für Schriftgrößen ungeeignete Einheit. Verwende "em" oder "%".

                a.textI

                Oben hast Du noch gesagt, eine Tabelle habe diese Klasse. Jetzt haben auf einmal Links sie?

                Die Bilder, die in die untere Reihe eingefügt werden erscheinen am oberen Bildrand, in der ersten Reihe.

                Ich habe Dir bereits gesagt, dass Quelltextschnipselchen nicht ausreichen, um Dein Problem zu beurteilen. Insbesondere reicht es keinesfalls, ein Darstellungsproblem auf den CSS-Code zu reduzieren, weil dieser ohne ein zugrunde liegendes Markup nicht die geringste Bedeutung hat. Verlinke die Seite, auf der das Problem ersichtlich ist.

                Quelltextfehler gibt es keine.

                Diese Behauptung basiert worauf?

                Cheatah

                --
                X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
                X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
                X-Will-Answer-Email: No
                X-Please-Search-Archive-First: Absolutely Yes
                1. Hi!

                  "px" ist eine für Schriftgrößen ungeeignete Einheit. Verwende "em" oder "%".

                  Ok mache ich.

                  a.textI

                  Oben hast Du noch gesagt, eine Tabelle habe diese Klasse. Jetzt haben auf einmal Links sie?

                  Das war scheinbar das Problem. Lächerlich.

                  Quelltextfehler gibt es keine.

                  Diese Behauptung basiert worauf?

                  auf den W3 Validator.

                  Danke, Klaus

      3. hi,

        Auf jeden Fall sind die beiden Browser unprofessionell un gehören verboten!

        Verboten gehören Leute, die trotz Aufforderung und Verlinkung auf die FAQ immer noch nicht in der Lage sind, ihe Problem _nachvollziehbar_ zu erläutern.
        Angesichts dessen verwundert es aber auch wenig, dass _du_ mit CSS nicht klarkommst (es sind ziemlich sicher nicht in erster Linie die Browser).

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. Hallo

    kann es sein, dass Firefox viele CSS Attribute nicht anwendet?

    Zum Beispiel:

    padding: 10px;
    vertical-align: top;
    line-height: 10px;

    Doch, tut er. Zumindest da, wo es erlaubt ist.

    Im IE ist alles perfekt. Im Validator sind keine Fehler. Nur der Firefox schmeisst alles durcheinander. Ich habe fast das Gefühl, dass Grafiken als Layer behandelt werden und übereinander gestapelt werden.

    Graphiken (<img>) sind keine Blockelemente. Wo soll ein Bild einen Innenabstand (padding) hinsetzen, sich in sich selbst oben positionieren (vertical-align) und wie soll es in einem Bild eine Zeilenhöhe (line-height) geben?

    Wenn der MSIE das wie von dir gewünscht anzeigt, hat das nichts mit den obigen Definitionen zu tun bzw. ist eventuell eine Fehlinterpretation derselben.

    Tschö, Auge

    --
    Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
    (Victor Hugo)
    Veranstaltungsdatenbank Vdb 0.1
    1. Hi,

      Graphiken (<img>) sind keine Blockelemente. Wo soll ein Bild einen Innenabstand (padding) hinsetzen,

      zwischen border und content - wie bei jedem Element.

      sich in sich selbst oben positionieren (vertical-align)

      so wie jedes inline-Element, nicht in sich selbst, sondern relativ zur linebox.

      und wie soll es in einem Bild eine Zeilenhöhe (line-height) geben?

      genauso wie bei jedem anderen inline-Element.

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. Hallo

        Graphiken (<img>) sind keine Blockelemente. Wo soll ein Bild einen Innenabstand (padding) hinsetzen,

        zwischen border und content - wie bei jedem Element.

        Das habe ich gerade mal getestet (<p><img></p>):

        • Moz 1.7 und Opera 7 berücksichtigen padding (mit und ohne border)
        • MSIE 6 berücksichtigt padding nicht (mit und ohne border)
        • margin wird von allen drei Browsern berücksichtigt

        Was Klaus mit diesen Angaben im speziellen erreichen will, bleibt fraglich, besonders unter Beücksichtigung seiner Aussage (IE -> alles bestens), wo doch die Angaben im IE keinerlei Wirkung zeigen.

        Bei den unteren Sachen stellt sich mir, unabhängig von der prinzipiellen Möglichkeit, die (ernstgemeinte) Frage nach einem sinnvollen Einsatz der Angaben im Zusammenhang mit Bildern.

        sich in sich selbst oben positionieren (vertical-align)

        so wie jedes inline-Element, nicht in sich selbst, sondern relativ zur linebox.

        und wie soll es in einem Bild eine Zeilenhöhe (line-height) geben?

        genauso wie bei jedem anderen inline-Element.

        Tschö, Auge

        --
        Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
        (Victor Hugo)
        Veranstaltungsdatenbank Vdb 0.1
        1. Hi,

          • MSIE 6 berücksichtigt padding nicht (mit und ohne border)

          Dann machst Du was falsch.
          <img src="http://www.andreas-waechter.test/Bilder/Menu/Waechter.png" style="background:red; padding:50px;">
          ergibt auch im IE 6 ein 50px breites padding.

          Bei den unteren Sachen stellt sich mir, unabhängig von der prinzipiellen Möglichkeit, die (ernstgemeinte) Frage nach einem sinnvollen Einsatz der Angaben im Zusammenhang mit Bildern.

          vertical-align:

          Stell Dir vor, Du hast einen Text mit großer Schrift und ein kleines Bildchen.
          Das Bildchen soll nicht auf der Zeile aufsitzen, sondern sonstwo: also wird für das Bildchen vertical-align benutzt.

          line-height:
          Stell Dir vor, Du hast viele kleine Bildchen (z.B. für ein Rebus). So viele, daß sie nicht alle in eine Zeile passen.
          Außerdem wirkt sich line-height auch auf alt-Text aus (zumindest im Firefox).

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          Schreinerei Waechter
          Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  3. Hi Klaus,

    Hallo,

    kann es sein, dass Firefox viele CSS Attribute nicht anwendet?

    Zum Beispiel:

    padding: 10px;
    vertical-align: top;
    line-height: 10px;

    auch wenn es nicht verboten ist:kein leerzeichen hinter den doppelpunkt, weil der netscape das sonst nicht checkt.

    Im IE ist alles perfekt.

    NIE zuerst im IE testen! Erst für einen Browser, der Standards beachtet, schreiben (z.B. Firefox), und _hinterher_ für den IE anpassen.

    Gruß, Marian

    1. Hallo Marian.

      Zum Beispiel:

      padding: 10px;
      vertical-align: top;
      line-height: 10px;

      auch wenn es nicht verboten ist:kein leerzeichen hinter den doppelpunkt, weil der netscape das sonst nicht checkt.

      Welcher?

      Einen schönen Dienstag noch.

      Gruß, Ash*feel free*ura

      --
      Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
      30 Days to becoming an Opera8 Lover -- Fix dsl sbc yahoo com with User JavaScript
      Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
      Use OpenOffice.org
      1. Hi Ashura,

        auch wenn es nicht verboten ist:kein leerzeichen hinter den doppelpunkt, weil der netscape das sonst nicht checkt.

        Keine Ahnung, hab das nur mal irgendwo gelesen.
        Außerdem kann es gar nicht anders sein: Frontpage macht nämlich welche hin ;-)

        Gruß, Marian

  4. Hallo.

    kann es sein, dass Firefox viele CSS Attribute nicht anwendet?

    Ja.

    ** FRUST **

    Das kann ich derzeit nachvollziehen -- wenngleich mit einem anderem Firefox-CSS-Problem.
    MfG, at