Rootserver - Blog » HTML und CSS

Div horizontal und vertikal zentrieren

stefansl — Tue, 13 Oct 2009 10:00:27 +0000

Schon tausend mal durchgekaut, die einzige akzeptable Lösung erscheint mir jedoch diese hier: http://d-graff.de/fricca/center.html

Webentwicklung für den iPhone-Safari

stefansl — Thu, 23 Jul 2009 13:20:07 +0000

Nachdem ich vor kurzem eine Website für das iPhone optimieren durfte, habe ich viel im Netz recherchiert und möchte Euch mein gesammeltes Wissen nicht vorenthalten. Design Zum Designen einer iPhone-App, bzw. Website eignet sich bestens die iPhone GUI PSD von Geoff Teehan: teehanlax.com/blog/?p=1628 Wie groß ist der Viewport? Der iPhone-Screen hat eine Auflösung von 480 [...]

Probleme mit dem IE6?

stefansl — Fri, 24 Apr 2009 14:08:19 +0000

Die meisten Darstellungsfehler können mit overflow:hidden; und height: 1%; gefixt werden. Wie das geht, wird vorbildlich von Hostsen erklärt … labs.hostsen.net/2008/06/23/automatisch-clearen-mit-css/

HTML-Kompatibilität in Email-Clients (Outlook, Lotus, Gmail etc.)

stefansl — Wed, 19 Dec 2007 14:47:16 +0000

Mittlerweile bemüht sich ein Großteil der Webentwickler um standardkonformes und barrierefreies (x)HTML – was aber, wenn ein Newsletter-Template erstellt werden soll? Mir war immer bewusst, dass ich auf Uralt-HTML zurückgreifen muss, im Detail kannte ich die Spezifikationen der einzelnen Emailclients aber nicht. Was funktioniert wo? Diese Antwort gibt es auf der Website des Email Standards [...]

CSS übersichtlich gestalten

stefansl — Wed, 14 Nov 2007 11:26:45 +0000

Mit den immer höheren Anforderungen moderner CSS-Sites werden auch die Stylesheets immer unübersichtlicher. Man fängt irgendwann an sich ein halbgares System zu entwickeln, welches aber nie 100% durchdacht wird. Peter Müller von akademie.de hat jetzt einen Styleguide für CSS-Stylesheets entwickelt, der dem ein Ende bereitet. Besonders interessant finde ich die Einrückung von Kindelementen. Hier ein [...]

CSS Browserprobleme minimieren mit Resetscript

stefansl — Tue, 13 Nov 2007 12:42:03 +0000

Jeder Browser hat seine Standard-Voreinstellungen für margin, padding, font-size etc. Mittlerweile ist es Gang und Gebe im CSS ein globales margin:0 und padding:0 vorauszuschicken. * { margin:0; padding: 0; } Eric Meyer hat diese Idee weiterentwickelt und daraus ein Reset-Script erstellt, welches sämtliche Standardeinstellungen in allen Browsern einheitlich überschreibt. html, body, div, span, applet, object, [...]

XHTML und target=_blank Javascript-Alternative

stefansl — Tue, 23 Oct 2007 12:17:39 +0000

Mit XHTML 1.1 wurde das Attribut target=”" abgeschafft, manchmal möchte man dennoch eine Seite in einem neuen Fenster öffnen. Sobald CSS3 von allen Browsern interpretiert wird, wird das auch sehr komfortabel möglich sein: .new { target-new: new ! important } Aufgerufen wird die CSS-Klasse dann mit <a href="http://w3c.de" class="new">w3c.de</a> Da CSS3 noch auf sich warten [...]

select per Auswahl mit Hintergrundfarbe versehen

stefansl — Thu, 18 Oct 2007 14:32:46 +0000

Angenommen man möchte ein Select-Feld nicht mit Texten ausgeben, sondern mit Farben und bei Auswahl einer Farbe soll dann das Select-Feld diese als Hintergrundfarbe annehmen:

Leider funktioniert das nur im IE, jedoch nicht im Firefox ...

Print-Stylesheets und background-image

stefansl — Fri, 31 Aug 2007 18:11:05 +0000

Bei clickpress wird auf standardkonformes Markup geachtet und Bilder per Image-Replacement ins CSS gepackt. Nur leider (oder zum Glück?) ignorieren die Druck-Dialoge der Browser das CSS-Attribut background-image:url(‘image.jpg’). Auf meiner Suche im Internet nach einer Lösung fand ich einen Beitrag von Andreas Bovens, der via Listen-Element das Problem fixt. Hier nun die deutsche Version: Nehmen wir [...]