|
|||
IE9 Vs FF
Hallo,
ich bitte um Hilfe und nützliche Tipps zu Firefox (hier schaut alles super aus) Vs. IE9 (hier wird alles schrecklich dargestellt). Ich weiß schon, dass unterschiedliche Browser Elemente unterschiedlich interpretieren aber mit so starken Unterschieden habe ich nicht gerechnet. Mich interessiert v.a. warum IE die Box-Größen nicht richtig darstellt und auch Schriftgrößen so klein interpretiert? Danke Stephan Link zu meinem Projekt: http://jsfiddle.net/sfiddle/EbzMM/1/embedded/result/ |
Sponsored Links |
|
|||
Du siehst nur deshalb was von deinen Texten im Firefox, weil der eine Mindestschriftgröße in seinen Voreinstellungen hat.
Entferne die Schriftgrößenagabe von 75% aus dem Universalselektor. Deine Elemente haben eine Schriftgröße von 75% von 75% von 75% von 75% etc. Das sind ganze 2.85px für die p-Elemente in den Spalten. Gib die Schriftgröße für das Body-Element an. Und zwar 100%. Schriftgröße wird vererbt. Bei Verschachtelungen musst du rechnen, als Hilfe kannst du von 16px als Default ausgehen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (21.11.2012 um 00:38 Uhr) |
Sponsored Links |
|
|||
Zitat:
Ich hätte noch 3 Fragen zu IE vs. FF: 1. Ich habe ein 3 Spaltenlayout gewählt indem ich hier nachgebastelt habe: A List Apart: Articles: In Search of the Holy Grail . Wie ihr aber sehen könnte, begreift IE das nicht und setzt die Rechte Spalte einfach in der Mitte fort; WARUM? 2. warum tauchen beim IE9 so schreckliche blaue Umrandungen um meine Bilder herum auf? 3. Wie kann ich bei der <div class="box"> eine weite eingeben, sodass diese immer so groß ist wie das ganze Bild (22em)? Wenn ich diese Größe eingebe, kommt es zu einem overflow, wenn ich mit % arbeite und rechne/probiere, werden die Größen unterschiedlich vom Browser interpretiert. 4. Zusatz: Wie schaffe ich es, dass das <div class="hov"> Elemnt immer so hoch ist und genau bis zur <div class="box"> geht. Mir ist es auch ein Rätsel, warum im jsfiddle die Abstände zwischen den Bildern nicht richtig dargestellt werden?!?!? Jedenfalls hier nochmals der Link; diesmal auch mit Screenshots um das was ich meine zu verdeutlichen (gelb markiert) http://jsfiddle.net/EbzMM/2/embedded/result/ Danke im Voraus Stephan |
|
|||
Zitat:
Bleiben nur mehr die anderen 3 Fragen offen |
|
|||||||
Zitat:
Zitat:
Zitat:
Aber: Du bist doch Anfänger. Lass bitte die Finger von diesem "Holy Grail". Du brauchst das nicht. Erstell erstmal ein Spaltenlayout, indem du 3 Spalten nebeneinander floatest -- ohne negative Margins und ohne riesige untere Padding/Margin-Kombinationen. Dann reden wir weiter. Ich würde für den Anfang sogar sagen: Nimm Pixelbreiten. Fluide oder elastische Layouts brauchen etwas mehr Erfahrung. Zitat:
Zitat:
Wenn du ein Padding in Pixel angibst, gibt es keinen eindeutigen Wert mehr für eine Breite, um auf eine Gesamtbreite in em zu kommen. Verwende einheitliche Einheiten. Zitat:
Zitat:
Ich finde diese ge-iframten Fiddles mit allen möglichen Zusätzen ohnehin wenig geeignet, um über Darstellungsdetails zu reden. Bitte such dir einen Freehoster und poste einen Link auf eine "richtige" Website.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Zitat:
Lies bitte, was ich dazu geschrieben habe.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||||||
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Ich weiß nicht, was du meinst -- daran ändert auch das Rudel Satzzeichen nichts. Zitat:
Danke soweit: Aktualiesiert (noch immer auf fiddle) : http://jsfiddle.net/sfiddle/wqddZ/embedded/result/ |
|
||||||||||
Zitat:
Wie ich oben bereits schrieb: Gib die Schriftgröße im body an, nicht im Universalselektor. Wenn du gelernt hast, mit dem Prinzip der Vererbung umzugehen, dann kannst du irgendwann die Entscheidung treffen, es anders zu machen. Zitat:
Vermutlich hast du soeben entdeckt, dass em eine schriftgrößenabhängige Einheit ist. Richtig. Und eben das macht den Umgang damit nicht einfach. 10em beim einen Element sind nicht 10em beim anderen Element. Zitat:
Zitat:
Ich kann dir nur nochmal raten: Erarbeite dir zuerst die Grundlagen mit einem pixelbasierten Layout. Solange du dir bewusst bist, dass das nicht die perfekte Lösung ist, ist das ein guter Anfang. Wirklich viel für deine Besucher kannst du dann später mit einem responsive Layout tun. Zitat:
Den Darstellungsmodus zeigen dir die Entwicklerwerkzeuge, drück F12. Zitat:
Zitat:
Zitat:
Zitat:
Zitat:
Ansonsten informier dich zur "robots.txt".
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Hallo Corina,
zunächst einmal: bin jetzt mit meiner Homepage auf einem Freehoster. Ich hoffe, dass erleichtert hier im Forum Hilfestellungen: Steven's page Eigentlich ist das Thema nicht mehr IE9 vs. FF aber ich bleib mal hier. Ich habe einige Ratschläge von dir angenommen. Teilweise tue ich mir leichter, andere Sachen kommen jetzt aber hinzu: 1. Ganz komisch finde ich es, dass sowohl im IE als auch FF die margins zwischen den 4 Bildern nicht eingehalten werden. Woran liegt das? Wenn ich es lokal von meinem Rechner öffne, funktioniert es super. 2. Das mit dem top/bottom aufspannen der div.hov habe ich nicht ganz verstanden. Kann mir hier jemand mit dem entsprechenden CSS Angabe helfen? 3. Dadurch, dass ich jetzt diese "Holy Grail" Geschichte zu Gunsten eines simpel gefloateten 2 Spalten Layouts aufgegeben habe, passiert jetzt genau dass was ich vermeiden wollte. Man siehts am gepunktelten Rand: dieser "wächst" nur solange mit, solange der Text Eintrag ist. Gibts hier einfache Herangehensweisen, das beide border gleich lang sind? Danke für nützliche Ratschläge Stephan PS: ich bin der erste der den Gedanken Hilfe zur Selbsthilfe unterstützt, aber manchmal wäre ein bisschen CSS/HTML schon sehr hilfreich und v.a. für Anfänger motivierend |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE9 rendert eine Seite anders als Chrome, Firefox und Safari | frimipiso | CSS | 9 | 04.03.2012 10:26 |
IE9 und CSS | ballonteam | CSS | 16 | 04.11.2011 21:15 |
IE9 ungewollt im Kompat-Modus | hubspe | CSS | 10 | 08.08.2011 12:07 |
Line-height, @font und der IE9 (beta) | alexplus | CSS | 1 | 16.09.2010 23:27 |
IE9 Entwicklung hat begonnen. | andir | Offtopic | 18 | 30.11.2009 14:32 |