CSS3 & HTML5 TEMPLATES

Intensivstation CSS Templates sind alle neu in HTML5, CSS3 .

Ältere Templates findest du unter past.intensivstation.ch
English Version Templates and Content past.intensivstation.ch/en/templates

4 steps to responisve and mobile Blog - Templatedesign


1. HTML5 Blog-Templates(ohne CSS) zeigt die HTML5 Struktur.


2. HTML5 Blog-Templates mit BASIS CSS positioniert.


3. HTML5 Blog-Template RESPONSIVE für mobile Geräte.


4. HTML5 Blog-Template Snow-Style RESPONSIVE.

Problem alter IE
Per Default wendet IE kein CSS auf Elemente, die er nicht kennt, an.  <nav> | <section> | <header> etc.
Wenn Eelemente nach dem laden dynamisch mit javascript generiert werden, kann IE diese darstellen und das CSS  darauf anwenden. Alte Internet Explorer kleiner als Version 9 benötigen ein Zusatz Script http://code.google.com/p/html5shiv/.
Das Skript kann auch direkt  im head der HTML-Datei eingebunden werden.

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

HTML5 Basis Templates


3 Spalten Template zentriert Menus fix, Inhalt dynamisch.


2 Spalten Template zentriert,  Menu und Inhalt dynamisch.


2 Spalten Template zentriert,  Menu fix, Inhalt dynamisch.

Fixe und Absolute Positionen


Fixed Header und fixed Footer Template


Fixed Menu Layout


Fixed Footer mit drei versetzten Hintergrundbildern.


Vier Spalten, absolut positioniert und dynamisch in der Breite

Zentrieren


Horizontal zentrierte fixe Box


Horizontal zentrierte dynamische Box


Horizontal und vertikal zentrierte Box


Aktuallisierte Horizontal und vertikal zentrierte Box

XHTML Templates


2 Spalten Template zentriert, Menu und Inhalt fix, float positioniert.