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

Ktt

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!

Werbepost

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

Putzlowitsch

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

Ktt

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.

Putzlowitsch

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

Ktt

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.

Putzlowitsch

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

spickzettel

Füg mal in der CSS-Datei bei .post ein

Code

padding:10px 0;

dann passt das schon mal ungefähr.

Ktt

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.

Putzlowitsch

Es liegt eher daran, daß der IE padding, margin und gesamtbreite falsch berechnet (hat?). Ausfürlichere Informationen findet man z.B. bei:
SELFHTML: Stylesheets / CSS-Formate definieren / Das CSS Box-Modell

Gruß
Ingo

Ktt

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.

Ktt

Leider besteht das Problem immer noch... könnt ihr mir helfen?

Danke. Grüße. Sven.

spickzettel

Code

* {margin:0;padding:0;}

:-D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

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

Jetzt mitmachen!