Wir beschreiben im folgenden Artikel wie die Magento Browser Cache-Problematik bei CSS- und JavaScript-Dateien gelöst werden kann. Bekanntermaßen bietet Magento die Möglichkeit, CSS- und JavaScript-Dateien im Frontend zu einer einzigen zusammefassen. Das spart Servercalls und lässt die Seite beim ersten Aufruf schneller laden. Funktioniert mittlerweile auch gut und kann ohne größere Bedenken eingesetzt werden. Allerdings […]
Schlagwort: css
Kategorien
CSS Browser Selector
Den CSS Browser Selector habe ich in diesem Beitrag schon einmal erwähnt. Leider ist das letzte Update vom November 2010 und berücksichtigt nicht den Firefox 4. Da das Skript aber nicht sonderlich schwer zu verstehen ist, hier ein Tipp wie ihr den FF4 mit in die Liste der bekannten Browser aufnehmen könnt. Den Download zum Original-Skript findet […]
Kategorien
div Layout zentrieren
Um ein Layout mit einer fixen Breite in einem Browserfenster zu zentrieren gibt es zwei Möglichkeiten. Bei der ersten Methode wird das Layout auf eine Basisbox aufgebaut, die mit den CSS-Eigenschaften position, margin-left, margin-top und left, top versehen wird. Um nun die Basisbox zu zentrieren, werden diese Werte wie folgt verwendet. Ich setze die Basisbox auf […]
Kategorien
Safari und das button-Element
Wer bei der Entwicklung eines Magento Shops der gängigen Empfehlung folgt, seine Themes auf dem default-Theme von Magento aufzubauen, der ist natürlich dankbar für das bestehende html-Gerüst. Eine Sache hat mich aber schon öfter gezwickt, nämlich die unterschiedliche Darstellung der Button-Elemente in den verschiedenen Browsern. Vor meiner Magento-Zeit habe ich button-Elemente nicht so gern verwendet, […]
Kategorien
IE7 und display: inline-block
Und er kann’s doch! Lange bin ich dem Irrtum erlegen, dass der IE 7 die CSS-Eigenschaft display: inline-block nicht beherrscht. Eigentlich schade dachte ich immer, denn nicht selten hätte es mir das CSS-Leben leichter gemacht, wäre da nicht der IE 7. Mit einem kleinen Trick bringt man bestimmte Elemente aber eben doch dazu sich wie inline-Blöcke zu […]