... ich kann heute leider nicht mehr.
Hast Du nicht mal einen Beispielblock "online", damit man überhaupt versteht um was es geht. So theoretisch kann das doch keiner - ich habe nicht die geringste Ahnung wie dieser Block aussehen könnte.
Dann versuche ich mich morgen damit zu beschäftigen. Auf jeden Fall gehört diese Höhenangabe nicht an eine Spalte (col).
Das gehört nicht in die "col" sondern
außen herum, also so ähnlich vielleicht:
Code: Alles auswählen
<div class="container h-100">
Inhalt vom Block-Bereich
</div>
Was ich auch noch so gar nicht verstehe, ist die Aufgabenstellung einen Textbereich auf eine Höhe von 100% des Containers zu bringen!?
stobi_de hat geschrieben: ↑Do 26. Jan 2023, 17:37
Das eine col-6 des Bildes ist so hoch wie die Row, das Col-6 mit dem Text ist halb so hoch - so hoch wie der text-Container eben. Wie bekomme ich nun die Col mit dem Text-container auf 100% Höhe der Row?
Sorry - aber was meinst Du damit eigentlich? Der Text kann doch nur so hoch sein, wie dieser vorhanden ist. Geht es Dir da um irgendeinen Hintergrund oder was? Dann müsste man vielleicht mit einem "padding" arbeiten.
Auf was beziehst Du die 100% Höhe überhaupt - das kann ja wohl nicht der Text sein. Der kann doch nur so hoch sein, wie er als Text diesen Raum des Containers füllt
Wenn es nur 3 Worte gibt wird es nur eine Zeile Text geben, gibt es 100 Worte wird es mehrere Zeilen Tex geben, gibt es tausend Worte wird der Text da vielleicht 400% der zur Verfügung stehenden Höhe benötigen, also 4 x so viel Platz wie überhaupt vorhanden ist.
Man muss das sehen, sonst kann man nicht helfen.
Hier mal ein Standard-Textfeld aus der Rubrik "Article". Dieses Textfeld hat im Prinzip die Höhe von seinem Text-Inhalt zuzüglich eines "padding" (Innenabstand) oben und unten.
Will ich die Höhe von diesem Block auf 100% meiner Display-Höhe setzen, dann tue ich das mit
vh-100 (vertikale Höhe = 100%) oder auch irgendeine andere Höhe (siehe weiter unten mein Beispiel mit der CSS Class).
In einer "row" (Reihe von 12 "columns") wird sich dann natürlich jede der 12 Spalten vom Bootstrap-Grid-System auf die angegebene Höhe stellen.
Siehe auch meine Demo-Seite zum
Bootstrap Grid System hier:
https://www.mobirise-tutorials.com/Tuto ... -Grid.html
Du kannst das auch als neue Class in die
CSS schreiben, also z.B.:
Dann ist der Block
40% der Display-Größe hoch:
Ob Du so eine Höhe nun einem einfachen Textblock gibst oder einem Block, der in mehrere Bereiche aufgeteilt ist, sollte doch vollkommen egal sein. Dann musst Du eben dem <div> vom Textbereich die Höhe verpassen.
Wenn Du mal beschreiben und zeigen würdest,
welchen Block Du da genau am Wickel hast und
um was es Dir dabei überhaupt geht, dann könnte ich ja mal versuchen das nachzustellen.
Bei Text sollte man aber aufpassen, weil sich der Inhalt ja ändern kann und sich dann auch die Höhe ändern könnte.
Auf jeden Fall gehört diese Angabe (meiner Meinung) außen herum in die Zeile (row) und nicht an eine Spalte (col).