div-Element mit float-Content

21. Februar 2011 von Sven Hamer [permalink]

Häufig wünscht sich der gewiefte Webentwickler einen div-Container, in dem diverse Elemente herum-floaten. Der Wunsch nach einer automatischen Höhenanpassung des umschließenden div führt gerne zu einem zusätzlichem Subelement, welches mit style="clear:both" das floating beendet und somit die umschließende Höhenberechnung anstößt. Doch es gibt da auch einen anderen Weg, denn dieses Problem ist komplett mit CSS und ohne ein solch semantisch sinnbefreites Element lösbar!

weiter lesen »

Tags: ,
Kategorie: Allgemein | keine Kommentare »

Sass und Compass unter Windows

23. August 2010 von Stephan Erdmann [permalink]

Sass und Compass sind zwei Tools, die den Umgang mit CSS um einiges erleichtern (können). Allen, die mit den Tools nichts anfangen können, möchte ich einen Blick in Guillaume Maury’s Blogeintrag empfehlen. Im Folgenden möchte ich beschreiben, wie sich diese Tools unter Windows nutzen lassen.

weiter lesen »

Tags: , ,
Kategorie: Allgemein | 2 Kommentare »

Webseitengestaltung mit dem Blueprint CSS Framework

15. Juni 2009 von John Freytag [permalink]

Bei der (Neu-)Gestaltung von professionellen Webseiten steht man häufig vor dem Problem, immer wieder das CSS-Rad neu erfinden zu müssen: Es werden reihenweise Style-Klassen für das Layout generiert, um die immer wiederkehrenden Fragen zu klären:

Typographie, Anordnung von Elementen zueinander, Bündigkeit, Abstände .. selten ist die Arbeit mit CSS ein so richtig optischer Prozess, denn wenn man erstmal ein Ergebnis hat, das einigermaßen dem entspricht, was man sich vorgestellt hat, dann geht die Arbeit in der Regel erst los:
Wie sieht die Seite eigentlich im IE6 aus?
Browserkompatibilität sicherzustellen ist eine der aufwendigsten und lästigsten Arbeiten im Web-Design, denn zu kleinen aber sehr kritischen Darstellungsunterschieden, die vielleicht den einen Pixel zuviel bedeuten, gibt es gerade in der Familie der Interner Explorer auch haufenweise echte Bugs, die zu meist völlig nicht nachvollziehbaren Ergebnissen führen.

Wie toll wäre es also, wenn man sich diese Arbeit sparen könnte und es einfach eine fertige Lösung gäbe, die man nur zurechtschneiden müsste. weiter lesen »

Tags: , ,
Kategorie: Allgemein, PHP, Softwareentwicklung | keine Kommentare »

Element innerhalb eines divs nach unten bündig anordnen

30. April 2009 von John Freytag [permalink]

Da es in HTML/CSS kein richtiges Höhenkonzept gibt kann man, möchte man ein Objekt zu einem anderem nach unten bünding anordnen, eine Menge Spaß haben. Um das zu verdeutlichen, hier ein Beispiel:

<div id="container" >
	<div id="bottom_alignend_content"></div>
</div>

Eine beliebte Methode ist es nun, dem Content-Div eine absolute Position zu verleihen, so dass man es einfach mit CSS am Container ausrichten kann. weiter lesen »

Tags: ,
Kategorie: Softwareentwicklung | keine Kommentare »

position:fixed und der Internet Explorer

2. März 2009 von Sven Hamer [permalink]

Ab und an kommt es vor, dass man ein Element am Bildschirm festpinnen möchte. Im Normalfall erreicht man dies mit dem CSS-Attribut position: fixed und der Angabe einer gewünschten Position.
Das Leben könnte so schön sein, doch früher oder später wird man darauf stoßen, dass der Internet Explorer so seine Probleme mit dieser Variante hat. Es stellt sich also die Frage:

Wie bringt man dem IE position:fixed bei?

weiter lesen »

Tags: , , ,
Kategorie: Softwareentwicklung | keine Kommentare »