IE ignoriert Padding

[Donco]

Hallo,

Im IE7 wird ein padding ignoriert dadurch klebt die Überschrift + Text fast ganz am Rand ( Siehe Screenshot).

Die betreffende Codezeile in der stylesheet.css sieht so aus:

Code: CSS  [Auswählen]

/* MAIN CONTENT */
#content {
        float:left;
        width:718px; /* was 508 */
        padding:0px 0px 18px 0px;
        border:1px solid #44B3FF;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;  
        border-radius:6px;
        background: #ffffff url(img/btn_bg.png) repeat-x bottom left;
        margin-left:18px;
}
#content p, #content h4, #content table {
    padding: 0px 18px;
    }
#content h2 {
        padding:18px;
    }
#content h3 {
        padding: 0px 0px 0px 0px;

Link zum Shop http://keil.www27.hostkraft.de/xtc/support_overview.php

Vielleicht kann mir jemand sagen wie ich diesen Fehler im IE7 behebe?

User = testenadmin@testenadmin.de
Pass = testenadmin

Linkback: https://www.modified-shop.org/forum/index.php?topic=14901.0

[Modulfux]

Die anderen Browser sind nur zu großzügig. Der IE7 stellt es in diesem Fall richtig dar.

Die Table hat eine Breite von 100% und gleichzeitig gibst du ihr ein padding von 18px links und rechts mit. Damit kann der IE7 nicht umgehen. Versuch einmal diese Tabelle ohne das padding left und right und ersetze es mit einem margin-left:18px;

Gruß
Ronny

[Donco]

Vielen Dank für die Rückmeldung. Ich hab das probiert. Die Table wird auch bei der Artikelansicht angesprochen. Ich brauche hier immer einen Aussenabstand links und rechts von 18px damit alles korrekt angezeigt wird.

Daher habe ich der Table ein margin-left:18px und margin-right:18px im Firebug mitgegeben und das padding, wie du mir geraten hast, entfernt. Meine Artikelansicht verschiebt sich jetzt auf der Startseite (siehe Screenshot). Eigentlich sollte diese ja mittig mit Aussenabstand von 18px links und rechts angezeigt werden.

[h-h-h]

Hi Marius,
ändere mal bitte Deine Adminzugangsdaten.
Wenn hier der Falsche sich damit bei Dir einloggt und irgendwelche Sachen einbindet wirst Du davon nichts mitbekommen, da Du den Shop wahrscheinlich nicht neu aufsetzen wirst.

Gruß

h-h-h

[Tomcraft]

Der Account hat doch aber keine Berechtigungen im Adminbereich gesetzt bekommen.

Grüße

Torsten

[Donco]

Nein eigentlich hat er das nicht. Ich schau mal schnell nach.

[Tomcraft]

Das hab ich schon gemacht!

Grüße

Torsten

[Donco]

Es sind sämtliche Rechte deaktiviert.   

[h-h-h]

Hi Marius,
die Breite deiner coolen Express-Einkaufen-Box stimmt nicht.

Reformat the Planet

Gruß

h-h-h

[Donco]

Ich weiss. Die Abstände und Größen der Boxen stimmen im Moment auf fast keiner Seite. Und im IE sieht's auch nicht besser aus.    Ich versuche das gerade alles Schritt für Schritt anzupassen. Es geht auch langsam voran.

[Matt]

Ohne mir das angesehen zu haben (bekomme immer Ausschlag bei Layouttabellen) würde ich sagen: Box Model Bug. Mehr dazu hier: Fehlverhalten von IE im Boxmodell

[Donco]

Ich weiss nicht ob es dieser Bug ist, da der Fehler bei mir im IE7 bzw. einer Beta Version des IE8 auftritt.

Ich hab wie gesagt versucht der Table ein "margin-right" und "margin-left" zu geben anstatt dem "padding:0 18px".
Das müsste ja die Probleme mit dem Abstand im IE beheben. Das "margin-left" akzeptiert Firefox das "margin-right" jedoch nicht. Anstatt das ich rechts einen Abstand von 18px bekomme verändert er die Spalte
mit dem Text in meiner Artikelansicht. Vielleicht kann nochmal jemand mit Firebug drüber schauen. Es ist
die Neue Artikel Artikelansicht / Table direkt auf der Startseite.

[Modulfux]

Wieso gibst du der Tabelle nicht per CSS eine feste Breite mit, statt der 100%?

Gruß
Ronny

[Donco]

Vielen Dank für die Rückmeldung. Die Artikelansicht auf der Startseite passt jetzt im IE und FF durch die feste Größe. Sonst hat sich einiges im Shop verschoben. Daher eine Verständnisfrage. Ich musste z.B. in der "order_details.html" der "table" ebenfalls eine feste "width" zuweisen, damit auch hier wieder alles passt.

Code: XML  [Auswählen]

<table class="orderdetails" width="724px" border="0" cellspacing="0" cellpadding="6">

Ist das grundsätzlich richtig wenn ich jetzt überall wo es nötig wird feste Breiten verteile. Oder sollte man die Breiten generell so weit möglich in % angeben?

[Modulfux]

Bei Breitenangaben von 100% in Verbindung mit "padding" oder "margin" gibt es immer wieder Probleme, weil diese niemals einheitlich dargestellt werden.

Gruß
Ronny