[Dragonstar]

Also, ich habe meine Seite

www.minimaldesigns.de

erstellt und bin mit fast allem zufrieden bis auf eine Kleinigkeit. Ich benutze bei meinen Beiträgen zwischen 2 Absätzen einen Abstand von 28px welche ich mit dem "style" Befehl im <p> realisiere. Der Befehl lautet:

<p style="padding: 7px 0;>

Mit diesem Befehl gibts zwischen den Absätzen 28px Abstand (also normaler <p> Abstand sind 14px + 2x 7px durch den Padding Befehl).

Dies klappt in allen Browsern auch hervorragend bis auf den IE7 und IE6. Ich habe hier ein wenig gesucht und bin auf den IE6+7-padding(margin)-bug gestoßen. Wenn ich nun den Fix "display: inline;" einfüge in den html Code

<p style="padding: 7px 0; display: inline;>

dann wird es zwar nun unter dem IE6 + 7 korrekt angezeigt (Abstand: 28px), dafür verkleinert sich der Abstand in jedem anderen Browser um 7px auf 21px.

Habe auch versucht über Firebug das Element direkt in der template.css zu bearbeiten (laut Firebug ist es die body, td, th {}), aber wenn ich dort den Befehl "display: inline;" einfüge passiert nix. Habe in fast alle Elemente der template.css den inline: display; Befehl eingefügt, aber auch hier passiert nix.

Dann habe ich versucht Conditional Comments direkt in den html Code einzufügen, aber hier scheitere ich kläglich. Den Code bekommt man ja noch leicht

<!--[if lt IE 7]>
<style type="text/css">@import url(ie5-6.css);</style>
<![endif]-->

aber wie ich das direkt im Quellcode einfügen kann weiß ich nicht. Normalerweise wäre dieser befehl was für die index.php um dort zu einer externen IE CSS Datei zu verweisen. Aber dies würde mir ja nichts bringen, da ich ja nicht weiß, welches Element aus dem Template für den Beitragsbereich verantwortlich ist.

Hier der Original Quellcode meines Beitrags auf der Startseite

[l3mon]

vlt würds grunz-sätzlich mal helfen, die fehler zu beseitigen, und sich erst dann um die vermeintlichen bugs zu kümmern

für jemanden, der webdesign professionell anbietet sind 75 fehler schon schlimm

[Dragonstar]

Habs hinbekommen

Das CSS Element heisst

.contentpaneopen p {}

und dieses fügt man dann in das Content Element ein, z.B. so

#content .contentpaneopen p {padding-top: 7px;}

und da es dafür wie im ersten Post schon beschrieben IE6+7 Hacks gibt kann man nun für die unterschiedlichen Browser das Ganze separat anpassen.