Leidiges Thema - Internet Explorer 7 - Div background-image

[Azeruel]

Hi erstmal,

ich habe ein kleineres Design umgesetzt. Wie eigentlich jedesmal haben sich im IE kleinere Anzeigefehler eingeschlichen, die so einfach untragbar sind.
Getestet habe ich dies im Internet Explorer 7.

Im FF, als auch Chrome wird das Design 1a umgesetzt. Anfänglich habe ich sogar sämtlichste margins, paddings etc. auf 0 gesetzt, obwohl dies eigentlich nicht immer nötig wäre. Dies brachte mir bis jetzt keine Abhilfe.

Dazu nun folgende Seite: http://aceon.de/bicop/

Ärgern tuen mich dabei die Abstände der einzelnen balken zum jeweils darunterstehenden div ( #balken_top_1, #balken_top_2, #balken_bottom_1 { ), ca 20px hoch.
Lösche ich den Balkenstyle komplett heraus, schließt das darunterliegende Layer auch völlig korrekt mit den darüberliegenden sichtbaren Layer ab.

Im dev Toll vom IE habe ich mal manuell die height komplett deaktivert, dies brachte keine Änderung. Erst nachdem ich das Hintergrundbild deaktiviert habe, war der abstand komplett weg.

Lustigerweise zeigt er mir das Hintergrundbild doppelt an, wenn ich kein norepeat aktiviert habe. Das Bild ist jedoch EXAKT 9px groß.
Auch gebe ich gar keine größe an, so macht er mir das div ebenso um die 20px hoch.

Desweiteren ist mir noch im content bereich beim oberen content-top bild ( #content-top { ) ein Strich aufgefallen der da schlicht nicht hingehört. Ich wüsste auch hier nicht warum dieser generiert werden sollte.

Ich bin dankbar für jede Hilfe. Sollten noch weitere Fragen offen stehen einfach Fragen.

EDIT:
hier auch nochmal ein Bild für diejenigen die nicht ihrem IE bemühen wollen.

http://img3.imagebanana.com/img/9ai1n0wt/Unbenannt3.png

herzlichen Dank im Vorraus
Azeruel

 

[Quaese]

Hi,

gibt für die entsprechenden IDs mal eine Zeilenhöhe und Schriftgrösse von jeweil einem Pixel an:

#balken_top_1, #balken_top_2, #balken_bottom_1 {
  width: 1012px;
  height:9px;
  line-height: 1px;
  font-size: 1px;
  background-image: url('Bilder/balken.png');
  background-repeat:no-repeat;
  margin:0px;
  padding:0px;
}

#content-top {
  position:relative;
  margin-left: 7px;
  width: 999px;
  height: 17px;
  line-height: 1px;
  font-size: 1px;
  background-image: url('Bilder/content-top.png');
}

Ciao
Quaese

 

[Azeruel]

Herzlichen Dank. Hat soweit funktioniert was die Abstände angeht. Interessant wäre jetzt aber trotzdem nochmal zu wissen warum das so ist. Ich müsste mich jetzt stark vergucken aber warum interpretiert er da eine mindest Zeilengröße anhand des fonts heraus wenn da gar kein Font ist? Das heißt jedes Div müsste doch mind. die standard font größe groß sein im ie, liege ich da richtig?