Autor |
Nachricht |
pixelmusic
Threadersteller
Dabei seit: 30.04.2013
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.08.2013 15:11
Titel zwei DIV's auf gleiche Höhe bringen |
|
|
Hallo Freunde,
ich stehe seit heute morgen vor der Frage, wie ich zwei (verschachtelte) DIV's auf gleicher Höhe bekomme.
Wie ein Verrückter habe ich mich bereits durch's Forum geschlagen und über Google schlau gemacht. Stuchworte wie "Faux Columns" oder "Equal Height Columns" konnten mir in meinem Fall leider nicht weiterhelfen.. vielleicht könnt ihr es ja.
Hier das Problemkind: http://jsfiddle.net/zFdMx/
Und zwar versuche ich die linke Box ("box-left") und die rechte daneben mit dem Text drinnen ("box-middle") auf die gleiche Höhe zu bringen, ohne dabei einen Höhenwert anzugeben. Die Boxen sollen sich dynamisch zum Inhalt verhalten. Das gleiche habe ich mit der rechten Box ("box-right") vor. Diese soll sich dynamisch zur Höhe aller im linken Container enthaltenen Boxen verhalten. Dazu habe ich die Website in zwei Teile gesplitted: "wrapper-left" und "wrapper-right".
Ich hoffe es geht irgendwie, denn Tabellen wären das Letzte was ich anwenden würde.
Vielen Dank!
|
|
|
|
|
Karlarsch
Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht:
|
Verfasst Do 29.08.2013 17:07
Titel
|
|
|
Habe mal 2 Zeilen jQuery hinzugefügt
Damit kannst du ein bisschen spielen.
Gruß
Karl
Zuletzt bearbeitet von Karlarsch am Do 29.08.2013 17:11, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
pixelmusic
Threadersteller
Dabei seit: 30.04.2013
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.08.2013 20:47
Titel
|
|
|
Ich bin begeistert! Das ist ja viel simpler als die Faux Columns oder Gradient Methode.
DANKE Karl!
Ist diese Methode auch DIV-übergreifend? Also wäre es möglich die Höhen von "box-top", die höhere der beiden "box-left"/"box-middle", sowie "box-bottom" zusammen zu addieren und diese neue Höhe als Höhenangabe für "box-right" zu verwenden? (Ich möchte, dass "box-right" die gleiche Höhe hat, wie die drei Boxen auf der linken Seite zusammen)
|
|
|
|
|
buddha-brot
Dabei seit: 24.01.2006
Ort: Süd/Süd-West
Alter: -
Geschlecht:
|
Verfasst Do 29.08.2013 21:10
Titel
|
|
|
pixelmusic hat geschrieben: |
Ich bin begeistert! Das ist ja viel simpler als die Faux Columns oder Gradient Methode.
DANKE Karl!
Ist diese Methode auch DIV-übergreifend? Also wäre es möglich die Höhen von "box-top", die höhere der beiden "box-left"/"box-middle", sowie "box-bottom" zusammen zu addieren und diese neue Höhe als Höhenangabe für "box-right" zu verwenden? (Ich möchte, dass "box-right" die gleiche Höhe hat, wie die drei Boxen auf der linken Seite zusammen) |
+2 Zeilen Code
|
|
|
|
|
pixelmusic
Threadersteller
Dabei seit: 30.04.2013
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 29.08.2013 21:54
Titel
|
|
|
buddha-brot hat geschrieben: | pixelmusic hat geschrieben: |
Ich bin begeistert! Das ist ja viel simpler als die Faux Columns oder Gradient Methode.
DANKE Karl!
Ist diese Methode auch DIV-übergreifend? Also wäre es möglich die Höhen von "box-top", die höhere der beiden "box-left"/"box-middle", sowie "box-bottom" zusammen zu addieren und diese neue Höhe als Höhenangabe für "box-right" zu verwenden? (Ich möchte, dass "box-right" die gleiche Höhe hat, wie die drei Boxen auf der linken Seite zusammen) |
+2 Zeilen Code |
Oh perfekt! Jetzt hab ich's so, wie ich es mir vorgestellt habe.
Vielen, vielen Dank euch beiden!!
Zuletzt bearbeitet von pixelmusic am Do 29.08.2013 22:07, insgesamt 2-mal bearbeitet
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Fr 30.08.2013 13:07
Titel
|
|
|
Zitat: | Ich möchte, dass "box-right" die gleiche Höhe hat, wie die drei Boxen auf der linken Seite zusammen | Nennt man auch 100% oder?
|
|
|
|
|
|
|
|
Ähnliche Themen |
gleiche höhe für divs?
3DIV in auf selbe Höhe bringen
verschachtelete divs mit 100% Höhe
Höhe von 2 DIVs angleichen - wie?
Höhe definieren eines divs
CSS problem mit floatenden DIVS und der Höhe
|
|