Flex: Grow to Bottom

Beitrag vom

Wie man Inhalte in einem Container am unteren Rand platziert ist ja eigentlich schon alte Schule: Der Container wird relativ positioniert und das unten zu platzierende Element wird absolut positioniert. Ein kurzes bottom: 0; et voilà: Das Ding klebt am Fuße des Containers. Solange wir den Container groß genug aufblähen, klappt das auch ganz gut. Wenn der   …weiter lesen


CSS3 Viewport Units

Beitrag vom

Mit prozentualen Angaben und Media Queries ist es möglich, Websites schön auf allen Geräten skalieren zu lassen. Die relativen Werte stehen dabei aber immer in Bezug zum Elternelement. Was bei Breitenangaben normalerweise schön funktioniert, wird bei Höhenangaben in einem responsiven Umfeld schon mehr zu einem Problem. Prominentes Beispiel sind Full-Screen Abschnitte auf einer Website – Hier am Beispiel   …weiter lesen


Equal Flex

Beitrag vom

Boxen mit gleicher Höhe nebeneinander zu platzieren war bisher immer mit viel Kopfschmerzen verbunden. Entweder versucht man, den Content zu limitieren und die Boxen groß genug zu gestalten oder man sucht mit Javascript die größte Box und füllt die Anderen entsprechend auf. Auf jeden Fall war dieses Thema bisher immer nur unelegant zu  lösen. Die Wunderwaffe   …weiter lesen