+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Sonstiges (https://www.mybb.de/forum/forum-1.html)
+--- Forum: Programmierung (https://www.mybb.de/forum/forum-32.html)
+--- Thema: Padding Browser-Unterschiede (/thread-15815.html)
Padding Browser-Unterschiede - Hagen - 28.02.2010
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)?
RE: Padding Browser-Unterschiede - Jockl - 28.02.2010
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_modell.htm#box_model_bug
RE: Padding Browser-Unterschiede - StefanT - 28.02.2010
Naja, IE 5.5 benutzt ja wohl fast niemand mehr...
RE: Padding Browser-Unterschiede - Michael - 02.03.2010
Bezüglich des IE kannst du mit sog. Conditional Comments CSS einbinden, welches das vorhandene überschreibt und nur für den IE gilt.
RE: Padding Browser-Unterschiede - StefanT - 03.03.2010
Siehe: http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative