[CSS] DIV 100% Höhe / Breite

20. August 2008 18:56 von tXptr

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.

Geschrieben in Development | Keine Kommentare » | Twitter It »

[jQuery] Thickbox und AJAX Content – Wo ist das Fenster?

9. August 2008 16:43 von tXptr

Für alle, die sich fragen warum eine Thickbox nicht erscheint, wenn sie von einem per „load-Befehl“ in die Seite eingebundenen Objekt aus aufgerufen wird, habe ich eine Antwort parat. Das Problem ist, dass nach dem Laden des DOM’s die Objekte, die mit Thickbox-Befehlen versehen sind mit der Thickbox-Funktionalität initialisiert werden. Dieser Vorgang geschieht allerdings nicht, wenn im Nachhinein Content per „load-Befehl“ in den DOM geladen wird. Somit erscheint auch keine Thickbox, wenn man das entsprechende Objekt anklickt.
Eine einfache Codezeile schafft hier allerdings Abhilfe. Über den Befehl „tb_init()“ werden alle Objekte, die sich im DOM befinden mit der Thickbox verbunden. Vorausgesetzt sie haben die entsprechende TB-Klasse als Attribut.

?View Code JAVASCRIPT
tb_init('a.thickbox, area.thickbox, input.thickbox');

Geschrieben in Development | Keine Kommentare » | Twitter It »