Amazon Modul und Anleitung für tabellenlose Layouts mittels CSS und float

Vor einigen Tagen habe ich mich mit der Erstellung eines PHP-Moduls für das Content Management System Contenido beschäftigt. Für WordPress gibt es deren bereits viele im Internet zu finden, aber für Contenido ist die Auswahl recht beschaulich. Ich habe ein Modul für die einfache und schnelle Integration eines Amazon Artikels also einer Kauf-Empfehlung für Bücher, DVD, Software oder elektronischer Produkte erstellen wollen. Da ich die Amazon Webservices nicht einsetzten wollte (vielleicht schaue ich mir die in Zukunft mal an), habe ich mich auf die Widgets, welche Amazon in seinem PartnerNet anbietet beschränkt.

So richtig zufrieden war ich mit keinem der angebotenen Widgets, da ich unbedingt einen Einzelartikel (natürlich Südtirol Bücher 😉 ), mittels Amazon ASIN oder ISBN schnell und einfach, in das CMS integrieren wollte ohne im Amazon-PartnerNet Einstellungen vornehmen, ohne ein Artikelbild umständlich von Amazon downloaden und in meinen Webspeicher hochladen und ohne im CMS in der Code-Ansicht rumbasten zu müssen.

Das einzige Amazon Widget das dies ermöglicht ist das Snippet für einen Amazon Einzeltitel-Link, das – wenn mit Bild und Text gewünscht – als iframe Element angeboten wird. Grund genug für mich,  sich mit der nahtlosen Integration von iframes und HTML-Elementen im Allgemeinen mittels der CSS Eigenschaft float zu beschäftigen.

Daraus ist nun ein kleiner CSS Float Crash-Kurs entstanden, der ganz allgemein die CSS Float-Technik Schritt für Schritt beschreibt und auch auf Browserprobleme eingeht. 

Fragen zum CSS Workshop und zum Amazon Modul können hier gerne gestellt werden.