IE 6.0 abstand

[g3radiochris]

Hi,

versuche schon seit ein paar Stunden dieses komische Problem zu lösen.
Ich würde gerne eine Box erstellen mit Grafiken im Hintergrund, mit einem Header-, Content- und Footerbereich. Dies gelingt mir im Firefox wunderbar, im IE 6.0 allerdings nicht wirklich.
Dieser mogelt einfach noch einen Abstand hinein, s. h. Grafik im Anhang.

CSS:

div.boxheader {
  width:315px;
  height:10px;
  padding:0px;
  margin:0px;
  background-image:url('images/boxheadershort.jpg');
  background-repeat:no-repeat;
}

div.boxcontent {
  padding:5px 10px;
  width:295px;
  background-image:url('images/boxcontentshort.jpg');
}

div.boxfooter {
  width:315px;
  height:10px;
  background-image:url('images/boxfootershort.jpg');
  background-repeat:no-repeat;
}

HTML:

<div>
      <div class="boxheader"></div>
      <div class="boxcontent">dddd<br /><br />d45645646<br />rgtt</div>
      <div class="boxfooter"></div>
</div>

 

[Sven Mintel]

Mmhhh...in meinem IE ist da kein Abstand zu sehen

 

[DeluXe]

Ich glaube eher, dass da von einer anderen Stelle etwas geerbt wird.
Falls also noch mehr in deinem CSS steht, hast du dir das mal angesehen?

Ansonsten setz einfach mal margin, padding, border, etc. direkt in den betreffenden div's auf 0 oder none, das sollte in diesem Fall eigentlich helfen.

Ansonsten such mal nach der "Web Accessibility Toolbar".

Ist im Grunde nichts anderes wie Firebug, nur eben für den IE. (Wobei die letzte Version glaube ich sehr instabil war? Bin ich mir aber gerade nicht sicher, welche genau das war.)

 

[Maik]

Hi,

erweiter das Stylesheet für .boxheader und .boxfooter folgendermaßen, damit der IE die gewünschte Höhe einhält, und in den beiden Elementen keinen Platzhalter einsetzt, der sich an der globalen Schriftgröße orientiert, die höher als 10px ist:

div.boxheader {
  width:315px;
  height:10px;
  padding:0px;
  margin:0px;
  background-image:url('images/boxheadershort.jpg');
  background-repeat:no-repeat;
  overflow:hidden;
}

div.boxfooter {
  width:315px;
  height:10px;
  background-image:url('images/boxfootershort.jpg');
  background-repeat:no-repeat;
  overflow:hidden;
}

mfg Maik