[mepeisen]

Hallo zusammen.

Ich weiß noch nicht ganz, ob ich eine fertige Lösung suche oder eine eigene machen will. Also suche ich sowohl eine fertige Lösung als auch Hilfestellungen oder Frameworks

Ich stehe aktuell vor dem Problem eine Art generisches Tabellen-Layout per HTML umzusetzen. Ich brauche also eine Klasse, der ich mitgebe, wie viele Tabellenspalten und Tabellenzeilen ich haben will. Zudem soll sie in der Lage sein pro Zeile/ Spalte folgende Variationen abzubilden:
- feste Höhe/ Breite, also XXX Pixel
- bevorzugte Breite/ Höhe (der Inhalt legt es fest)
- Füllhöhe/ -breite (nimm den Rest, der zur Verfügung steht).
Ich habe einmal versucht, das ganze in einem Schaubild darzustellen. Die gestrichelten Linien sind das Gitternetz und die blauen Teile die einzelnen Inhalte. Wie würdet ihr dabei vorgehen? Ich hab mir einige Lösungen angeschaut, die mit Divs zu tun haben. Das Problem ist jedoch, dass ich mit Divs – soweit ich es verstanden habe – die Breite nicht anhand eines drüber liegenden Elementes bestimmen kann. Wenn also die erste Spalte (A, D, E, F) die Breite „bevorzugt“ bekommt, ist es ohne JavaScript schwer, die Inhalte so breit zu machen, dass alle vier immer die gleiche Breite haben bzw. dass B, G, H immer den gleichen Abstand zum linken Rahmen haben. Wie gesagt weiss ich im PHP-Script noch nicht, wie breit die tatsächlich sind.

Irgendwie komme ich also nicht drum herum, da eine HTML-Tabelle zu erstellen. Dann kriege ich jedoch zwangsläufig ein Problem mit der Füllbreite. Wenn also irgendeine Spalte auf „Füllen“ steht, soll sie den restlichen zur Verfügung stehenden Platz (nach Abzug der anderen Spalten) nehmen und ausfüllen. Stehen zwei Spalten auf „Füllen“, sollen sie sich den restlichen zur Verfügung stehenden Platz teilen. Alles, was ich ausprobiert habe, bewirkt in IExplorer und Firefox immer, dass solche "Füllspalten" nach Gutdünken verbreitert werden und das ganze Tabellenlayout zerlegen.

Ist so was möglich? Kennt ihr vielleicht auch eine Art Framework, mit dem so was geht? Die, die ich bisher gesehen habe (z.B. YAML) gehen immer davon aus, dass es nur eine Zeile gibt, in denen etwas mehrspaltiges angeboten wird. Oder aber sie basieren immer auf Prozentangaben (33/33/33 usw).

[$traight-$hoota]

also mit divs wirst du das nicht hinbekommen können, dafür benötigst du (ohne js zu verwenden) eben prozentangaben für jede breite.
also müsstest du das per tabelle lösen. dein problem dabei versteh ich jetzt so erstmal nicht, kannst du mal beispiel code / screenshot liefern?
EDIT: is das absicht, dass I ziemlich aus dem grid rausfällt? (auch die anderen sind nicht ganz so genau ausgerichtet...)

[mepeisen]

Das ist nicht Absicht. Ich hab die Grafik rasch per Word gemacht. Die Innenabstände der blauen Dinger sind willkürlich und fürs Beispiel irrelevant. Das soll nur demonstrieren, welche Inhalte in welchen Tabellenzellen liegen bzw. über welche sie sich erstrecken. Das obige Layout soll sich im Code beispielsweise wie folgt definieren (gegeben sind die einzelnen Elemente $contentA bis $contentI. Größenangaben weichen von der Grafik mal ab)

PHP-Code:

// Spalten: 10%, 20%, Preferred, Fill
// Zeilen: 25%, 25%, 25%, 25%
$panel = new Panel(array('10%', '20%', 'P', 'F'), array('25%', '25%', '25%', '25%'));
// X(start), X(ende), X-Ausrichtung, Y(start), Y(Ende), Y-Ausrichtung
$panel->add($contentA, 0, 0, LEFT, 0, 0, TOP);
$panel->add($contentB, 1, 1, CENTER, 0, 0, TOP);
$panel->add($contentC, 2, 3, LEFT, 0, 0, TOP);
$panel->add($contentD, 0, 0, LEFT, 1, 1, TOP);
$panel->add($contentE, 0, 0, RIGHT, 2, 2, BOTTOM);
$panel->add($contentF, 0, 0, LEFT, 3, 3, TOP);
$panel->add($contentG, 1, 2, LEFT, 1, 2, TOP);
$panel->add($contentH, 1, 2, FILL, 3, 3, FILL);
$panel->add($contentI, 3, 3, LEFT, 1, 3, TOP); 


So in etwa stell ich mir das vor. Generisch in dem Sinne, dass ich nicht auf eine bestimmte Anzahl an Spalten/Zeilen festgelegt bin und auch variabel die Elemente über mehrere Zeilen/Spalten vergrößern kann, wenn ich das will.

Achja: Mein Problem ist nicht der PHP-Code, sondern die Tatsache, wie ich das Problem so generisch in HTML ausdrücken kann, dass meine oberen Anforderungen erfüllt werden. Dabei gehts hauptsächlich um die Unterscheidung der Zellen in absoluter Breite/Höhe (Angabe via Pixel oder Prozent) oder relativer Angaben (Fill/ Preferred).