mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:24 Benutzername: Passwort: Auto-Login

Thema: zwei DIV's auf gleiche Höhe bringen vom 29.08.2013


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> zwei DIV's auf gleiche Höhe bringen
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

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Do 29.08.2013 17:07
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pixelmusic
Threadersteller

Dabei seit: 30.04.2013
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.08.2013 20:47
Titel

Antworten mit Zitat Zum Seitenanfang

Karlarsch hat geschrieben:
Habe mal 2 Zeilen jQuery hinzugefügt

Damit kannst du ein bisschen spielen.

Gruß
Karl



Ich bin begeistert! Das ist ja viel simpler als die Faux Columns oder Gradient Methode.
DANKE Karl! Lächel

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)
  View user's profile Private Nachricht senden
buddha-brot

Dabei seit: 24.01.2006
Ort: Süd/Süd-West
Alter: -
Geschlecht: Männlich
Verfasst Do 29.08.2013 21:10
Titel

Antworten mit Zitat Zum Seitenanfang

pixelmusic hat geschrieben:
Karlarsch hat geschrieben:
Habe mal 2 Zeilen jQuery hinzugefügt

Damit kannst du ein bisschen spielen.

Gruß
Karl



Ich bin begeistert! Das ist ja viel simpler als die Faux Columns oder Gradient Methode.
DANKE Karl! Lächel

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
  View user's profile Private Nachricht senden
pixelmusic
Threadersteller

Dabei seit: 30.04.2013
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.08.2013 21:54
Titel

Antworten mit Zitat Zum Seitenanfang

buddha-brot hat geschrieben:
pixelmusic hat geschrieben:
Karlarsch hat geschrieben:
Habe mal 2 Zeilen jQuery hinzugefügt

Damit kannst du ein bisschen spielen.

Gruß
Karl



Ich bin begeistert! Das ist ja viel simpler als die Faux Columns oder Gradient Methode.
DANKE Karl! Lächel

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. Lächel
Vielen, vielen Dank euch beiden!!


Zuletzt bearbeitet von pixelmusic am Do 29.08.2013 22:07, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Fr 30.08.2013 13:07
Titel

Antworten mit Zitat Zum Seitenanfang

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? * Ööhm... ja? *
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.