display:block; nur für IE

**Kropff** · 28.12.2006, 21:27

Jemand nen Rat?

du code? oder online-beispiel?

gruß
peter

**fx001** · 28.12.2006, 21:47

ich code und onlinebespiel, ich sogar url

http://www.fxae.de/testarea

.platzfueller { display:block; }

eingefügt in <img src...

**Kropff** · 29.12.2006, 10:11

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

**fx001** · 29.12.2006, 14:56

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?

**Kropff** · 29.12.2006, 15:03

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

**fx001** · 29.12.2006, 15:09

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

Ne Idee, was der Grund sein könnte, hast du aber auch nicht oder?

**Kropff** · 29.12.2006, 15:36

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

**fx001** · 29.12.2006, 15:40

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!

**zerni** · 29.12.2006, 15:50

ich hab jetzt nicht in den quelltext geschaut, aber hast du vllt irgendwo paddings, margins, oder relative Größen die verschieden interpretiert werden??

**fx001** · 29.12.2006, 16:07

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 ...

**fx001** · 29.12.2006, 16:54

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!!!

display:block; nur für IE