CSS-Hilfe Differenz IE / FF - D R I N G E N D!

    Hallo zusammen,

    ich arbeite seit 2 Tagen das erste Mal mit WP. In früheren "Projekten" habe ich zwar bereits Probleme mit dem Anzeigeunterschied von FF zu IE gekämpft, aber noch nie war er so unerträglich groß wie jetzt.

    Die Artikel auf der ersten Seite haben einen optisches margin-left beim IE von ca. 25 px - beim FF ist es mindestens das doppelte.

    Auch wenn ich mit dem Quellcode und der style.css noch nicht fertig ist möchte ich euch D R I N G E N D bitten mir zu helfen, weil das Projekt bis Sonntag abgeschlossen sein muss.

    HINWEIS: Ich mache das nur als Hobby und habe nicht viel CSS-Ahnung. Danke für euer Verständnis und eure Hilfe!


    [size=10]HIER DIE URL: KTT01-MTB
    [/SIZE][size=10]
    HIER DIE STYLE.CSS: [/SIZE]http://www.ktt-mtb.de/test/wp-conten…lt_de/style.css


    Danke für euer Verständnis und eure Hilfe!

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Es dürfte daran liegen, daß der IE hiermit nicht klar kommt:

    Code
    /* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

    Der IE berücksichtigt max-width nicht, so daß im Beitrag "Rund um Köln" das Bild nicht runterskaliert wird und das Layout sprengt.
    Am einfachsten wäre es, das Bild selbst von der Breite 575 auf 420 zu verkleinern.
    Oder füge ein overflow:hidden ein, dann wird das Bild im IE rechts halt abgeschnitten.

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

    Hi Ingo,

    danke für deine schnelle Antwort!

    Ich habe nun einmal testweise den Artikel samt Foto entfernt. Dann sollte das Corpus delicti ja eigentlich weg sein und der IE müsste alles richtig anzeigen.

    Leider klappt das so nicht. Im CSS hab ich nichts geändert. Fällt dir noch was ein? Ich warte gespannt...

    Danke. Grüße. Sven.

    Na zumindest ist jetzt beim IE die Sidebar nicht mehr nach unten verrutscht, ist doch auch schon mal ein Erfolg :-)
    Und wie soll es denn nun sein, beiter oder schmaler Abstand?

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

    Es wäre schön, wenn die Anzeige "einfach" identisch wäre (zumindest ähnlicher).

    Der Abstand zum linken Rand ist beim IE schon in Ordnung, beim FF ist er zu groß. Am liebsten so wie im IE und das dann auch im FF.

    Hoffe du hast eine Idee. Ich kenn mich mit den Kniffen und unterschiedlichen Interpretationen der Browser nicht so aus. Danke nochmal.

    Nimm mal versuchsweise bei

    Code
    .narrowcolumn {
	float: left;
	padding: 0 0 20px [B]45px[/B];
	margin: 0px 0 0;
	width: 450px;
	}

    das padding-left raus also:

    Code
    padding: 0 0 20px 0;

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

    DANKE!!!

    Es hat geklappt - ich habs gemacht wie ihr das gesagt habt. Da bin ich aber froh!

    Damit ich nicht nur dummes copy&paste betreibe: Wo lag das Problem? Versteht der FF kein padding-left?

    Was hat es mit dem Margin auf sich?

    Bitte um Antwort, dann weiß ich diesbezüglich Bescheid. Danke!

    Gruß. Sven.

    Vielen Dank für eure Hilfe! Ich habe einiges gelernt.

    Nun habe ich aber ein neues Problem:
    Die erste Seite ist mit Artikeln bestückt, die wenn sie lang sind, auf einer weiteren Seite fortgesetzt werden.

    Ich möchte nun erreichen, dass die Formatierung bei der Fortsetzung (auf der weiteren Seite) genau so aussieht wie auf der Startseite.

    Dafür habe ich verschiedene Klassen zusammengefasst. So besteht mein Artikel auf der ersten Seite aus der

    - Überschrift
    - der Unterschrift
    - dem eigentlichen Artikel
    - und der Anzeige der Kathegorie / weitere Optionen.

    Mein Ziel ist es nun, dass es so aussieht wie im IE, nämlich dass alles auf einander aufbaut. Es sollen keine Lücken entstehen.

    Genau das tut der FF: Er schiebt eine Lücke zwischen der Unterschrift und dem Artikel (ca. 3-5px). Da margin an diesen Stellen habe ich schon überprüft.

    Könnt ihr mir noch einmal helfen? Das wäre sehr nett. CSS und Link steht in meinem ersten Post.

    Vielen, vielen Dank!

    Grüße Sven.

    Einmal editiert, zuletzt von Ktt (16. August 2008 um 13:55)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden