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 |
|
|
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
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 11.12.2008 10:28
Titel Re: Unterschiedliche Darstellung Firefox und IE |
|
|
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...
|
|
|
|
|
Anzeige
|
|
|
Penny171079
Threadersteller
Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 25.12.2008 12:06
Titel
|
|
|
Hallo pixelpapst!
Danke für den Tipp. Bin erstaunt, wie einfach die Gestaltung mit CSS doch ist. Macht richtig Spaß
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
Viele Grüße und frohe Weihnachten weiterhin,
Sven
|
|
|
|
|
Impigra
Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht:
|
Verfasst Do 25.12.2008 16:39
Titel
|
|
|
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.
|
|
|
|
|
Penny171079
Threadersteller
Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 25.12.2008 17:10
Titel
|
|
|
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
|
|
|
|
|
|
Impigra
Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht:
|
Verfasst Do 25.12.2008 17:33
Titel
|
|
|
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?
|
|
|
|
|
Penny171079
Threadersteller
Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 25.12.2008 17:50
Titel
|
|
|
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 Kannst du mir sagen, wie das scrollen mit CSS funktioniert?
|
|
|
|
|
Impigra
Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht:
|
Verfasst Do 25.12.2008 20:02
Titel
|
|
|
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
http://www.css4you.de/overflow.html
|
|
|
|
|
|
|
|
Ä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
|
|