Kategorien
Development

CSS Grid System 1140px

Das 1140px Grid System ist für Auflösungen von 1280px oder höher optimiert.

Ich werde das System demnächst mal genauer testen und schauen, wie es in der Praxis funktioniert.

Kategorien
Development

[HTML] onChange Dropdown / Select mit background-color

Mit diesem Workaround wird Hintergrundfarbe der ausgewählten Option bei entsprechender Auswahl in das Select-Feld übernommen.


// Dank geht an sempfh

Kategorien
Development

[CSS] FORM-Tag Umbruch verhindern

Ein HTML-Formular generiert komischerweise immer einen Umbruch, sobald man das form-Tag schreibt. Ein einfacher CSS Befehl verhindert diesen Umbruch:

form {
  display: inline;
}
Kategorien
Development

[CSS] DIV 100% Höhe / Breite

Diese Frage taucht immer wieder auf:
Wie kann ich einen DIV-Container mit einer Höhe bzw. Breite von 100% definieren?

Ganz einfach! Es nützt nichts, wenn man nur den DIV-Container ansich mit 100% definiert. Wichtig ist, dass die “umschließenden Elemente” dann auch mit einer Höhe bzw. Breite von 100% definiert sind.
Hier mal ein kurzes Beispiel:

html, body {
  height: 100%;
}

#100_prozent_div {
  width: 250px;
  height:100%;
}

Da normalerweise das html und body Tag die “umschließenden” Elemente eines DIV sind, werden diese ganz einfach auf 100% gesetzt. In diesem Beispiel habe ich nur die Höhe auf 100% gesetzt. Diese Methode gilt natürlich auch für die Breite oder beides.