Archiv

Archiv für die Kategorie ‘HTML & CSS’

Integration von cooliris auf fotouristen.de

12. September 2008 Mario Dietrich Keine Kommentare

Auf fotouristen.de gibt es ab heute ein neues Feature zu sehen, dass es erlaubt, schicke Voransichten und Slideshows der Fotos zu betrachten. Die technische Umsetzung basiert auf einer AJAX- bzw. Pluginlösung der Firma Cooliris Inc. Die Browserplugins sind aktuell für Firefox, Internet Explorer und Safari verfügbar und erlauben eine noch schickere Darstellung als über AJAX.

Alles in allem eine sehr schicke Lösung, die mit relativ wenig Aufwand (speziellen RSS-Feed erstellen) zu integrieren war.

KategorienGadgets, HTML & CSS, fotouristen.de Tags: , , ,

Wie man den Footer tatsächlich ans Seitenende bekommt

12. März 2008 Mario Dietrich Keine Kommentare

Heute habe ich mal wieder eine HTML-Seite erstellt und hatte wieder mal den frommen Wunsch, den Footer am Seitenende haben zu wollen. Egal wie groß das Browserfenster gerade ist. Schließlich bin ich mit folgendem Code gut zurecht gekommen:

<html> <body>
  <div id="nonfooter">
  <div id="content"> Hier sollte die komplette HTML-Seite rein </div>
 </div>
 <div id="footer"> Hier kommt der Footer rein </div>
</body> </html>

Hier nun das benötigte CSS:

html { height: 100%; }
body { height: 100%; }
#nonfooter { position: relative; min-height: 100%; }
* html #nonfooter { height: 100%; }
#content { padding-bottom: 9em; }
#footer { position: relative; margin-top: -7.5em; }

Das war’s.

KategorienHTML & CSS Tags: , ,