frame-Weiterleitung

Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628

Das Prinzip:  Webseite1 leitet auf Webseite2 weiter, und zwar so, dass Webseite1 weiterhin in der Browser-Adresszeile steht. Das funktioniert, weil Webseite2 innerhalb eines Frames (der das gesamte Browserfenster ausfüllt) auf Webseite1 angezeigt wird. Und das gilt eigentlich als unsaubere Technik. Mehr…

sticky footer

Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628

Ein Footer der immer am unteren Bildschirmrand ist; das kann zweierlei bedeuten:

  1. Der Footer ist immer sichtbar am unteren Rand des Browserfensters, egal ob die Seite gescrollt werden kann oder nicht
  2. Der Footer ist am unteren Rand des Browserfensters, wenn aber gescrollt wird, dann kommt er erst nach dem Content. Er ist also erst sichtbar, wenn zum Ende der Seite gescrollt wurde.

Im Folgenden wird die 2. Art behandelt.

Mehr…

CSS 3 – Mehrere Hintergrundbilder

Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628

Mit CSS 3 können mehrere Bilder als Hintergrund verwendet werden. Diese werden in “Layern” übereinander angeordnet. Positionierung und Kachelung erfolgt wie gewohnt. Hier nun die Kurzschreibweise und zwei Beispiele.  Mehr…

Bildschirmfüllendes Bild mit css

Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 1120 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628

CSS3 macht es nett und angenehm, leider sind nicht alle Browser dafür bereit: ein Bild als Hintergrund der Seite soll immer den ganzen Bildschirm (oder eben das Browserfenster) füllen, nicht verzerrt sein und möglichst noch mittig platziert werden.

Eines vorweggenommen: Ich fand keine reine CSS Lösung, die das auch für IE6 und IE7 möglich macht. Ohne der mittigen Platzierung gibt es Möglichkeiten, ohne proportionales skalieren sowieso. Hier nun Techniken für oben beschriebenen Fullscreen-Effekt. Mehr…

Techniken Webdesign

Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628 Warning: preg_match_all(): Compilation failed: invalid range in character class at offset 4 in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 621 Warning: Invalid argument supplied for foreach() in /home/.sites/146/site459/web/ernstbrunner/wp/wp-content/plugins/lightbox-plus/classes/shd.class.php on line 628

Nützliches für Webdesign

Diese Artikel beinhalten Beispielseiten mit Erklärung zu verschiedensten Techniken, die ich für Webdesigns verwende. Es sind in erster Linie Merkhilfen für mich, außerdem habe ich HTML und CSS Beispiele gerne online zur Verfügung zum Testen. Wenn auch Nützliches für andere dabei ist – umso besser!

Ich bemühe mich immer anzugeben, wer eine der Techniken erfunden, geschrieben oder veröffentlicht hat, und verlinke zu Seiten mit mehr Infos. Teilweise handelt es sich um Artikel in englischer Sprache, meine Artikel sind immer auf deutsch.

Kommentare, Korrekturen, Anregungen,… sind willkommen und werden nach Möglichkeit eingearbeitet werden!