[Hagen]

Hallo,
ich arbeite aktuell an einer kleinen Homepage und habe nun folgendes Problem:

Code:

.newskopf{
  background-color:#000000;
  font-size:14px;
  font-weight: bold;
  height: 45px;
  padding:4px 6px 4px 8px;
  text-align:left;

In der besagten TD befindet sich

Code:

<td class="newskopf" style="background-image:url({page:path}{news:url_catimg})">
   <div style="float:left">{news:news_headline}</div>
    <div id="newskopfinfo">{news:news_time} - {news:users_link} - {news:comments_link} ({news:comments_count})</div>
    </td>

Hier zeigen mir Firefox und Opera die gewünschte Darstellung an, IE und Chrome jedoch scheinen padding anders zu interpretieren und setzen mehr Pixel an, bzw. es sieht nach mehr aus als ich erlaube (45px - Problem: Das BG IMG wirkt nicht mehr groß genug und größer machen will ich es nicht). Wie kann ich das Problem am sinnvollsten lösen (außer die Werte zu verkleinern)?

[Jockl]

Es ist bekannt, dass sich der IE bzgl. des Box-Modells von anderen Browsern unterscheidet. Zumindest war das mal so....
Vielleicht hilft Dir das weiter: http://de.selfhtml.org/css/formate/box_m..._model_bug

[StefanT]

Naja, IE 5.5 benutzt ja wohl fast niemand mehr...

[Michael]

Bezüglich des IE kannst du mit sog. Conditional Comments CSS einbinden, welches das vorhandene überschreibt und nur für den IE gilt.

[StefanT]

Siehe: http://de.selfhtml.org/css/layouts/brows...lternative