IE zeigt einfach nicht richtig an

manne| · 17.01.2006, 22:48

Hi Leute,

Ich habe ein Problem.
Hier der Link dazu: http://padjon.pa.funpic.de/tmp/tfl/

Mit Firefox werden die Navigationsboxen richtig angezeigt.
Doch mit IE nicht. Ich habe alle Paddings und Margins auf 0px gesetzt und verstehe einfach nicht mehr warum das nicht richtig angezeigt wird.

Ich hoffe jemand von euch kann mir helfen

Grüße manne|

Adromir · 17.01.2006, 23:15

Seite nicht erreichbar, weil du deinen localhost verlinkt hast.
Bei Anzeigeunterschieden zwischen FF und IE bei CSS bin ich mir fast sicher, daß du den falschen Doctype gewählt hast und der IE im Quirksmode rendert und deswegen das Boxmodell falsch berechnet. Nimm mal nen Doctype mit URL..

manne| · 17.01.2006, 23:29

oh sry hab den link verbessert
http://padjon.pa.funpic.de/tmp/tfl/

rewboss · 17.01.2006, 23:40

Jepp -- kein Doctype vorhanden. Versuch's mal mit:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

manne| · 18.01.2006, 00:13

hab ich probiert... aber hat sich nix verändert

manne| · 18.01.2006, 13:45

Kennt keier einen weiteren grund?

wäre toll, wenn jemand den fehler den ich gemacht haben erkennen würde

hero-master · 18.01.2006, 14:12

vielleicht hilft es, wenn du den Bildern mit den Unterüberschriften (z.B. navimain) noch ein display:block; zuweist, da der IE gerne die volle Linienhöhe auskosten will

Adromir · 18.01.2006, 15:06

bzw. das Hintergrundbild nur in der x- achse wiederholen läßt (mit background-repeat: repeat-x)

manne| · 19.01.2006, 10:21

Ich denke mal du meinst den repeat nur in der y-achse da er ja nach unten gehen soll... Leider hat auch das nichts gebracht.

Auch display:block; hat leider nichts verändert

hero-master · 19.01.2006, 14:07

Zitat:

Zitat von manne|

Auch display:block; hat leider nichts verändert

Wem hast du denn das display:block zugewiesen?
Ich sehe grad, dass du da 2 Grafiken eingebaut hast. Gib mal beiden Grafiken ein display:block;
Also den Überschriften, wie beispielsweise navimain.gif und den Grafiken darunter: tb_top.gif

manne| · 20.01.2006, 10:27

Jo was soll ich jetzt noch dazu sagen... ausser ..
Ich liebe dich

Vielen Dank.

Als ich das display:block; direkt in den img tag geschrieben hab hat es endlich nach tagelangem probieren geklappt.

Ich hatte es nur in der Klasse navibox mit hinterlegt.

Also danke ich dir hier nochmals sehr dafür.
Ich hatte das erste mal in meinem leben Freudentränen im auge wegen nem problem mit css ^^

Es wäre schön wenn du kurz erläutern könntest warum der fehler damit behoben wurde, da mir display:block eigentlich unbekannt ist(bin noch newbi in css), so dass ich das nächte mal den fehler selber erkenn... danköööö

manne|

hero-master · 20.01.2006, 13:59

Kein Problem, macht man ja gerne in nem Hilfe-Forum

Zitat:

Zitat von manne|

Es wäre schön wenn du kurz erläutern könntest warum der fehler damit behoben wurde, da mir display:block eigentlich unbekannt ist(bin noch newbi in css), so dass ich das nächte mal den fehler selber erkenn... danköööö

Klar, kein Problem. Ich versuchs in wenigen Worten zu erläutern

:
Ein Bild (img-Tag) ist ein Inlinelement und wird gehandhabt wie normaler Text. Das heißt es gibt eine definierte Teilenhöhe (line-height), die vordefiniert wurde bzw. du auch selbst ändern kannst.
Wenn nun das Bild kleiner ist als die Zeilenhöhe reserviert der IE trotzdem noch die restliche Höhe für Buchstaben, wie das "g" oder "q".
Durch das display:block; glaubt das Bild, das eigentlich ein Inlinelement ist und eine Zeilenhöhe hat, dass es ein Blockelemtn ist und wird von nun an so gehandhabt. Dadurch fwill der IE auch keine Zeilenhöhe mehr reservieren.
Außer display:block; hättest du auch die Zeilenhöhe und die Schriftgröße verkleinern können

manne| · 21.01.2006, 09:22

klingt einleuchtend. jetzt verstehe ich auch warum es vorher gepasst hat als das bild noch n paar pixel höher war

danke