Fabian Transchel: Null-Margin in Mozilla?

Hi Forum,

bin beim Layouten[tm] einer Seite auf folgendes Problem gestoßen:
Macht Mozilla automatisch bei Bildern ein "Pseudo-Margin" drumrum?
Ich möchte aber dass die "Links mit Bildern drin" _kein_ Margin haben.
auch
a img{margin:0px;}
brachte keine Besserung. Das pikante dran: Der IE stellt das so dar, wie ich möchte. Da ich dem bei seinem CSS nicht traue: Wie bekomme ich die hässlichen Margins weg?

Beispiel: http://www.bitworks.de/~ftranschel/starfleet/index.php?page=schiffe&subcat=klassen
Das CSS dazu: http://www.bitworks.de/~ftranschel/starfleet/src/1.css

Fabian

  1. Tach auch,

    Das CSS dazu: http://www.bitworks.de/~ftranschel/starfleet/src/1.css

    Nur ein Verdacht:

    Du schreibst:
    img{border:0px solid; [..]}

    Wenn Du keine Border haben willst, warum dann nicht
    img{border:0px none; [..]}?

    Gruss,
    Armin

    --
    Location: Swindon/England/UK/Europe/Northern Hemisphere/Planet Earth/Solar system/Universe
    1. Hi Armin

      Das CSS dazu: http://www.bitworks.de/~ftranschel/starfleet/src/1.css

      Nur ein Verdacht:

      Du schreibst:
      img{border:0px solid; [..]}

      Wenn Du keine Border haben willst, warum dann nicht
      img{border:0px none; [..]}?

      erstens war's das nicht, zweitens ist es allerdings auch logisch, dass 0px dasselbe bewirkt, wie none, nämlich einen Pixel Margin ;-))

      Fabian

      1. Hallo,

        Das CSS dazu: http://www.bitworks.de/~ftranschel/starfleet/src/1.css

        Nur ein Verdacht:

        Du schreibst:
        img{border:0px solid; [..]}

        Wenn Du keine Border haben willst, warum dann nicht
        img{border:0px none; [..]}?

        erstens war's das nicht, zweitens ist es allerdings auch logisch, dass 0px dasselbe bewirkt, wie none, nämlich einen Pixel Margin ;-))

        Das stimmt nich. None heißt, dass der Rahmen "ungesteilt" ist. Er ist aber da. border:5px none; bewirkt, dass ein unsichtbarer, 5px dicker Raum um das Bild gezogen wird.

        MfG Dmitri

        1. Hi

          erstens war's das nicht, zweitens ist es allerdings auch logisch, dass 0px dasselbe bewirkt, wie none, nämlich einen Pixel Margin ;-))

          Das stimmt nich. None heißt, dass der Rahmen "ungesteilt" ist. Er ist aber da. border:5px none; bewirkt, dass ein unsichtbarer, 5px dicker Raum um das Bild gezogen wird.

          umso besser =)
          denn dann müsste ja 0px statt none richtiger[tm] sein... aber es geht trotzdem nicht :<

          Fabian

        2. Hi,

          erstens war's das nicht, zweitens ist es allerdings auch logisch, dass 0px dasselbe bewirkt, wie none, nämlich einen Pixel Margin ;-))

          Was hat border-style mit margin zu tun?
          Genau: nichts!

          Das stimmt nich. None heißt, dass der Rahmen "ungesteilt" ist. Er ist aber da. border:5px none; bewirkt, dass ein unsichtbarer, 5px dicker Raum um das Bild gezogen wird.

          Nein. None heißt, daß kein Rahmen vorhanden ist:
          siehe http://www.w3.org/TR/REC-CSS2/box.html#value-def-border-style
          none
              No border. This value forces the computed value of 'border-width' to be '0'.

          cu,
          Andreas

  2. hi

    Macht Mozilla automatisch bei Bildern ein "Pseudo-Margin" drumrum?
    Ich möchte aber dass die "Links mit Bildern drin" _kein_ Margin haben.
    auch
    a img{margin:0px;}

    ein padding "eingefangen"?

    Grüße aus Bleckede

    Kai

    1. Hi Kai

      Macht Mozilla automatisch bei Bildern ein "Pseudo-Margin" drumrum?
      Ich möchte aber dass die "Links mit Bildern drin" _kein_ Margin haben.
      auch
      a img{margin:0px;}

      ein padding "eingefangen"?

      wie meinst du das?  padding:0px; ist auch überall eingestellt!?

      Fabian

      1. hi

        wie meinst du das?  padding:0px; ist auch überall eingestellt!?

        ok - war nur ein Versuch ;)

        Grüße aus Bleckede

        Kai

        1. Hi

          wie meinst du das?  padding:0px; ist auch überall eingestellt!?

          ok - war nur ein Versuch ;)

          danke - aber so weit trau ich mir selber ;-))

          Fabian

  3. Hi,

    a img{margin:0px;}

    wie ist margin, border, padding für a definiert?
    wie sind border und padding für a img definiert?

    Gibt es evtl. höherwertige Selektoren, die dafür sorgen, daß gar nicht diese Regel, sondern eine ganz andere angewendet wird?

    brachte keine Besserung. Das pikante dran: Der IE stellt das so dar, wie ich möchte. Da ich dem bei seinem CSS nicht traue: Wie bekomme ich die hässlichen Margins weg?

    Das war noch nie ein Hinweis darauf, daß etwas korrekt ist.

    cu,
    Andreas

    1. Hi

      a img{margin:0px;}

      wie ist margin, border, padding für a definiert?

      0px;

      wie sind border und padding für a img definiert?

      0px;

      Gibt es evtl. höherwertige Selektoren, die dafür sorgen, daß gar nicht diese Regel, sondern eine ganz andere angewendet wird?

      Nein, schon alles probiert. Ich hab es im Moment so gelöst, dass ich den IE-Bug(M$ sagt dazu: "Fehlende Features" *g*) ausnutze, nämlich den, dass er keine Attribut-Selectoren(die mit [attribut]) unterstützt. Du kannst dir vorstellen, dass ich damit nicht zufrieden bin.

      brachte keine Besserung. Das pikante dran: Der IE stellt das so dar, wie ich möchte. Da ich dem bei seinem CSS nicht traue: Wie bekomme ich die hässlichen Margins weg?

      Das war noch nie ein Hinweis darauf, daß etwas korrekt ist.

      Hab ich das behauptet? >;)

      Fabian