Jan Gantzert Software Development
29. Mai 2012

Retina Optimierung im Web

Spätestens mit der Vorstellung des neuen iPad (März 2012) ist eine Sache deutlich geworden — HiDPI Displays (bei Apple im Allgemeinen „Retina“ Displays) rücken nun deutlich stärker in den Fokus. Im Web war dieses Thema bislang ausschließlich für mobile Websites...
10. Mai 2012
Zweigeteilter Website Hintergrund

Website mit zweigeteiltem Hintergrund

Mit CSS3 kann man mittlerweile recht einfach einer Website oder einem DIV-Container mehrere Hintergrundbilder zuweisen. CSS Doch auch mit CSS2 ist es möglich, einer Website bspw. einen zweigeteilten Hintergrund zu geben. Hierzu wird sowohl zum HTML-Tag als auch dem Body-Tag...
30. April 2012
Hintergrundbild Skalierung per CSS

Hintergrundbilder mit CSS skalieren

Immer wieder sieht man Websites, bei denen zwar großflächige Hintergundbilder eingesetzt wurden, die aber bei einer Auflösung x abrupt enden. Wer so etwas verhindern, aber kein JavaScript einsetzen möchte, kann zum einen auf die bekannte Tabelle-Resize-Lösung oder aber auf eine...
5. April 2012
Radialer Hintergrundverlauf per CSS

Browserkonformer Hintergrundverlauf mit CSS

Um bislang einer Website einen linearen oder radialen Farbverlauf zu verleihen, musste oft auf Bilder zurückgegriffen werden, damit eine browserkonforme Anzeige möglich wurde. Mit CSS3 und einigen Filteroptionen für den Internet Explorer sind zumindest lineare Farbverläufe aber...
24. März 2012
Eigener Login-Screen

Eigener Login-Screen für WordPress

Um beispielsweise das Logo des Login-Bereiches des WordPress-Blogs durch eine eigene Grafik auszutauschen, wird zunächst eine neue CSS-Datei erstellt und die Datei im Theme-Ordner abgespeichert. Mittels Firebug werden hierzu die Standard-Klassennamen bzw. IDs ermittelt und in der...
1. März 2012
Fusszeile am Browserende

Sticky-Footer am Ende des Browserfensters

Wer den Fußbereich nicht nur immer am Seitenende platzieren möchte, sondern am Ende des Browserfensters (Sticky Footer), benötigt einen kleinen Trick. Man verwendet wieder ein einfaches HTML-Grundgerüst. HTML-Markup Besonderheit hier: Der #minheight-Container dient als reiner...
23. Februar 2012
Fusszeile am Ende

Fußzeile immer am Seitenende

Um einen Fußbereich, Footer genannt, stetig am Ende der Website (nicht Browserfenster!) zu positionieren, ist keine komplexe HTML/CSS-Codierung nötig. Dazu bedient man sich zunächst einem einfachen HTML-Grundgerüst. HTML-Markup ^ Alle Inhalte außer der ID „footer“...
18. Februar 2012
Zentrierte Box zum Browserfenster

Zentrieren eines DIV-Containers relativ zum Browserfenster

Das horizontale Zentrieren eines DIV-Containers relativ zum Browserfenster ist mittlerweile geläufig. Voraussetzung ist, dass der DIV-Container eine bestimmte Breite hat. Dies kann sowohl ein Pixelwert (z.B. 900px) als auch ein Prozentwert (z.B. 80%) sein. CSS Für das vertikale...
15. Februar 2012
Gleiche Spaltenhöhe mit CSS

Mit CSS gleiche Spaltenhöhe festlegen

Mit dem Standardtabellenlayout lassen sich mehrere Spalten mit unterschiedlich viel Inhalt problemlos auf die gleiche Höhe bringen. Dank einer DIV-Verschachtelung geht das auch mit reinem CSS, ohne JavaScript, transparenten Platzhaltern o.ä. CSS HTML-Markup   Demo-Beispiel...