mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:53 Benutzername: Passwort: Auto-Login

Thema: Unterschiedliche Darstellung Firefox und IE vom 10.12.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Unterschiedliche Darstellung Firefox und IE
Seite: 1, 2  Weiter
Autor Nachricht
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 10.12.2008 20:54
Titel

Unterschiedliche Darstellung Firefox und IE

Antworten mit Zitat Zum Seitenanfang

Guten Abend!

kann mir jemand sagen, warum die div-Boxen im Firefox an der richtigen Position angezeigt werden und im IE nach links gerückt sind?

http://www.reitverein-mannheim.de

Viele Grüße
Sven
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 11.12.2008 10:28
Titel

Re: Unterschiedliche Darstellung Firefox und IE

Antworten mit Zitat Zum Seitenanfang

Penny171079 hat geschrieben:
kann mir jemand sagen, warum die div-Boxen im Firefox an der richtigen Position angezeigt werden und im IE nach links gerückt sind?


ja.

zum einen weil du schlechtes table-design verwendest. zum anderen ist es auch in firefox "verrutscht". wenn du es so beibehalten willst, musst du schon alle tabellen zentrieren

Code:

<table border="0" width="1040" align="center">


mein rat ist jedoch, dich mit css und html und table-freiem design auseinander zu setzen, und die seite so schnell wir möglich neu zu machen...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 25.12.2008 12:06
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo pixelpapst!

Danke für den Tipp. Bin erstaunt, wie einfach die Gestaltung mit CSS doch ist. Macht richtig Spaß *Thumbs up!*

Das einzige Problem dabei ist, dass IE 7 abgerundete Ecken leider nicht darstellt und der IE 6 die Styles komplett ignoriert. Er stellt die divs also nicht verschachtelt dar, sondern untereinander. Im Firefox ist alles prima - aber leider nutzt ja nicht jeder diesen Browser.

Gibts da noch ein paar Tricks, wie man es für alle Browser kompatibel programmieren kann oder muss ich warten, bis die Jungs von Microsoft endlich ausm Quark kommen Hä?

Viele Grüße und frohe Weihnachten weiterhin,

Sven
  View user's profile Private Nachricht senden
Impigra

Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht: Männlich
Verfasst Do 25.12.2008 16:39
Titel

Antworten mit Zitat Zum Seitenanfang

Wieso sollte der IE denn keine Abgerundeten Ecken darstellen?

Die CSS Eigenschaft border-radius unterstützen nur WebKit und Mozilla Browser,
allerdings ist es recht einfach eine "Psudo-Abrundung" einzufügen...

Entweder per js, welches automatisch Elemente einfügt... oder aber mit Eckgrafiken... zu beiden hemen gibts genug im im Internet...
Such doch mal nach rounded corner oder nifty corner.

Die Variante mit Hintergrundbildern gefällt mir persönlich am besten..

Verschachtelte Divisions zeigt aber auch der IE korrekt an.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 25.12.2008 17:10
Titel

Antworten mit Zitat Zum Seitenanfang

Kann sein, dass es an den verwendeten CSS-Eigenschaften liegt? Für die abgerundeten Ecken verwende ich

Code:

-moz-border-radius: 15px;
-khtml-border-radius:16px
  View user's profile Private Nachricht senden
Impigra

Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht: Männlich
Verfasst Do 25.12.2008 17:33
Titel

Antworten mit Zitat Zum Seitenanfang

genau... und die funktionieren nicht im IE

Das hat aber weniger was mit MS zu tun sondern damit dass khtml und gecko/moz ihr eigenes Süppchen kochen.. Angelehnt an dem geplanten Standard...

wie auch immer...
Rahmen von Hand als Grafik anlegen und sich ein bischen überlegen wie man mit background-image, background-position, und background-repeat so eine Abrundung herstellen kann...

Hast Du mal nach den Begriffen gesucht?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 25.12.2008 17:50
Titel

Antworten mit Zitat Zum Seitenanfang

Ich hab mal gegoogelt und folgendes gefunden:
Webbe

Da versuch ich mich mal dran. Mal schauen, ob es hinhaut.

Wo wir grad so schön dabei sind *zwinker* Kannst du mir sagen, wie das scrollen mit CSS funktioniert?
  View user's profile Private Nachricht senden
Impigra

Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht: Männlich
Verfasst Do 25.12.2008 20:02
Titel

Antworten mit Zitat Zum Seitenanfang

ich weiss ned ob das so die beste Möglichkeit ist um runde Ecken zu bekommen...

wenn man auf keinen Fall Grafiken einsetzen will ist das ok... nur sieht man halt immer den Treppeneffekt...

Scrollen?? CSS??

ich würde fast behaupten dass Du die CSS Eigenschaft overflow meinst...
damit kann man bestimmen wie sich ein div verhält wenn der Inhalt größer wird als das div selbst ist *zwinker*

http://www.css4you.de/overflow.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Unterschiedliche Darstellung im IE und Firefox!
Iframe - Unterschiedliche Darstellung im Firefox und IE
Darstellung im Firefox vs. Darstellung im Internet Explorer
Unterschiedliche Darstellung im FF & I.E. ?
Unterschiedliche Darstellung bei ie und ff
Unterschiedliche Darstellung von Graustufen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.