display:block; nur für IE

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • display:block; nur für IE

    Hallo,
    hoffe ist ok wenn ich für die Frage nen Thread auf mache;

    Hatte Probleme ein Bild passgenau in eine Tabellenzelle zu bekommen. Das Problem konnte ich mit display:block; für den IE lösen, nicht aber für Mozilla, da bleibt unten und oben ein dünner weißer Rand.

    in css4you steht, dass der Befehl für Mozilla kompatibel ist, deswegen wundert es mich, das Mozzi nicht will.

    Jemand nen Rat?
    Wer Rechtschreibfehler findet, darf sie behalten

  • #2
    Jemand nen Rat?
    du code? oder online-beispiel?

    gruß
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      ich code und onlinebespiel, ich sogar url

      http://www.fxae.de/testarea

      .platzfueller { display:block; }

      eingefügt in <img src...
      Wer Rechtschreibfehler findet, darf sie behalten

      Kommentar


      • #4
        du hast im ganzen ein problem. im ie beträgt die breite 910 pixel und nicht 900. außerdem ist der obere schwarze rand im ie 1 pixel höher als im ff. das sorgt dann für den entsprechenden versatz von 1 pixel nach oben und unten im ff.

        gruß
        peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          1. Woran machst du das fest, dass der IE 910 pixel Breite benutzt? Oder woran erkennst du, dass der im IE die schwarzen Balken 1px größer als Mozzi darstellt? Wenn ich den Quelltext bei beiden Browsern aufmache zeigt der exakt die gleichen Werte an?!

          Ich habe für die gesamtmaße der Tabelle extra genaue Angaben weggelassen, damit der Browser sich selbst die Breite nimmt, die er braucht?! Das einzige was ich angegeben hab, sind die 900px Breite für die div Box, die alles vertikal in der Mitte hält. Doch sollte sie doch garkeine Wirkung auf die tabel haben.

          Ich hab jetzt mal feste Werte für die Höhe und die Breite der Tabelle vergeben. Da tut sich aber nichts.

          2. Unerklärlich finde ich es auch, warum die kleinen Bilder (3x111px also Summe333px) passgenau anliegen und nicht auch diesen Spalt wie das große Bild 333px aufweisen [Zählt der bei Mozzi die borderstärke extra mit? Das wären dann ja genau 2px mehr, als das große Bild. Aber der IE machts ja "richtig"(so wie ich mir das vorgestellt hab)].

          3. Ne Idee wie die Problematik gelöst werden kann?
          Wer Rechtschreibfehler findet, darf sie behalten

          Kommentar


          • #6
            Woran machst du das fest, dass der IE 910 pixel Breite benutzt? Oder woran erkennst du, dass der im IE die schwarzen Balken 1px größer als Mozzi darstellt? Wenn ich den Quelltext bei beiden Browsern aufmache zeigt der exakt die gleichen Werte an?!
            screenshots mit photoshop und dann übereinander legen.
            Aber der IE machts ja "richtig"
            grundsätzlich sollest du erst mal davon ausgehen, dass der das falsch darstellt und andere browser richtig.

            gruß
            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              Ja, da danke ich dir für deinen Aufwand!!!

              Ne Idee, was der Grund sein könnte, hast du aber auch nicht oder?
              Wer Rechtschreibfehler findet, darf sie behalten

              Kommentar


              • #8
                Original geschrieben von fx001
                Ne Idee, was der Grund sein könnte, hast du aber auch nicht oder?
                nicht auf die schnelle. ich muss bei solchen dingen auch immer viel ausprobieren.

                gruß
                peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #9
                  Wenn dir was einfällt/auffält, worans liegen kann, ... ich würd mich freuen nochmal was von dir zu hören.

                  Vielen Dank schonmal bis hier hin!
                  Wer Rechtschreibfehler findet, darf sie behalten

                  Kommentar


                  • #10
                    ich hab jetzt nicht in den quelltext geschaut, aber hast du vllt irgendwo paddings, margins, oder relative Größen die verschieden interpretiert werden??
                    Killerspiele sollten in der Größenordnung von Kinder********************grafie eingeordnet werden.(G. Beckstein)
                    - ...und solche Behauptungen in "falsches Resourcenmanagement"

                    Kommentar


                    • #11
                      zu 1.
                      ...

                      *{
                      padding:0;
                      margin:0;
                      }
                      table { width: 908px; height: 373px; border-width:1px; border-style:solid; border-color:#808080; border-collapse:collapse; overflow:hidden; border-spacing:0px; }
                      td { border-width:1px; border-style:solid; border-color:#808080; text-align:center; border-spacing:0px; }

                      ...

                      zu 2.
                      paddings hab ich nachher noch für einzelne Schriftaten verwandt. -> Grad mal rausgenommen -> Problem besteht weiterhin.


                      zu 3.
                      Margin hab ich nur für eine div box verwandt, die den kompletten Seiteninhalt zentriert.
                      #mainbox { width: 908px; height: 373px; overflow:visible; text-align:center; border:0px solid #000; background-color: #FFFFFF; position: absolute; left: 50%; top: 50%; margin-left: -454px; margin-top: -186px; table-layout:fixed; }

                      zu 4.
                      Relative Größen: Ich hatte erst, wie oben beschrieben keine Gesamtlänge | Höhe angegeben, das hab ich jetzt gemacht -> brachte auch keine Veränderung


                      Beim googeln hab ich bis jetzt auch nichts brauchbares gefunden, find immer wieder den Fall, dass Mozzi die gewünschte Darstellungsform bringt und der IE zickt ...
                      Wer Rechtschreibfehler findet, darf sie behalten

                      Kommentar


                      • #12
                        So, kann das Problem auch mit dem IE herstellen.
                        Der IE kann was, was Mozzi und alle anderen nicht können (hoffe es sagt mir jemand, dass sie's doch irgendwie können)

                        table-layout:fixed;

                        das sagt css4you dazu:
                        fixed
                        Das Layout der Tabelle wird aus den Werten der Tabellen-, Spalten-, und Rahmenbreiten sowie den Zellabständen errechnet. Da die Breite bereits in der ersten Zeile festgelegt ist, wird die Tabelle vom Browser schneller gerendert als bei table-layout:auto; und der Zelleninhalt wird evtl. abgeschnitten, wenn er nicht in die angegebene Breite passt.

                        hmm spricht dafür, dass die tabellengrößen passen (und ich des addierens mächtig bin), wenn ich selbst feste tabellengrößen für <table> eingebe ändert sich nichts bei mozzi, was kann ich denn dann noch machen?

                        min oder max-height -width haben im css table auch keine besserung gebracht


                        Ergänzung:
                        Konnte den Kreis der Verdächtigen jetzt endlich ein wenig weiter einschränken; und zwar hab ich alle kleinen Bilder rausgenommen (die 111x111 Bilder). Da passt die 333er aufeinmal haargenau in die große Zelle. Kleine Bilder wieder rein ... wieder die Weißen Spalten über und unter dem großen Bild.
                        Daraus lässt sich ja nur schließen,
                        - dass der das overflow:hidden; nicht ausführt
                        - dass der das border-collapse:collapse; nicht ausführt
                        - oder wieder ein ganz anderes Problem hat, wo ich absolut nicht drauf komme grrr.

                        Ergänzung:
                        Wenn ich border-width:1px; im css table und td auf 0 setze passt alles ???
                        Das heißt dann ja, der zählt die borderhöhe der drei 111px x 111px Bilder mit. Was kann ich machen, damit er das nicht macht?

                        Zwei der drei 111px hohen Bilder auf 110 zu setzen bringt auch nichts, dann hab ich unter der dreier Bilderreihe einen weißen 2px Spalt und unter dem großen auch einen 2 Pixelspalt

                        Mozilla addiert tatsächlich die borders dazu. Das ist wohl auch Standard.
                        Hab deswegen die Dokumenttyp-Deklaration HTML 4.01 Transitional mit URI in Dokumenttyp-Deklaration HTML 4.01 Strict geändert, den Taschenrechner rausgekramt und alle Höhen extra addiert. Ergebnis: IE zeigts nicht mehr sauber an, Mozilla, oh Wunder, auch nicht. Alles auf xml zurückgestellt ... hoffe jemand kann mir weiterhelfen ...

                        http://de.selfhtml.org/css/formate/b...1_transitional

                        Ist zwar gespachtelt aber ich habs jetzt "bündig", indem ich jedem Bild eine individuelle Höhe gegeben hab. Hoffe nur, dass der oben beschriebene bug nicht für das Tabellenhüpfen beim nachladen in Mozilla verantwortlich ist, dann geht das gebastel weiter ... wer weiss wie man Mozzi dazu bringt Tabellen wie der IE zu addieren immer her damit!!!
                        Zuletzt geändert von fx001; 30.12.2006, 12:56.
                        Wer Rechtschreibfehler findet, darf sie behalten

                        Kommentar

                        Lädt...
                        X