Dynamische DIV-Größe

monty.x · 26.05.2011, 17:29

Hi,

kann man die Größe eines DIVs dynamisch gestalten?

Und zwar möchte ich gerne zwei DIVs ineinander haben.
Wenn ich das innere DIV verschiebe oder vergrößer, soll automatisch das äußere DIV mit vergrößert werden.

Beispiel:

Code:

<div style="background:red; width:200px; height:auto; position:relative; ">
<div style="background:black; width:100px; height:100px; top:100px; position:relative; ">
</div>
</div>

In diesem Beispiel befindet sich das schwarze DIV im roten DIV.
Verschiebe ich nun das innere DIV 100px nach unten wird das äußere DIV nicht größer sondern behält die ursprungsgröße und das innere DIV wandert aus dem äußeren DIV.

Ich möchte jedoch, das das äußere div "mit wächst" und das innere DIV weiterhin umschließt.

Wie geht das ?!

Mfg monty.x

ChrisB · 26.05.2011, 17:36

Zitat:

Zitat von monty.x

kann man die Größe eines DIVs dynamisch gestalten?

Das ist sie erst mal per se, wenn du nichts unternimmst, dass das unterbindet.

Zitat:

Wenn ich das innere DIV verschiebe oder vergrößer, soll automatisch das äußere DIV mit vergrößert werden.

Verschieben oder Vergrößern sind zwei vollkommen unterschiedliche Sachen.

Zitat:

In diesem Beispiel befindet sich das schwarze DIV im roten DIV.
Verschiebe ich nun das innere DIV 100px nach unten wird das äußere DIV nicht größer sondern behält die ursprungsgröße und das innere DIV wandert aus dem äußeren DIV.

So funktioniert relative Positionierung nun mal - sie verschiebt ein Element gegenüber der Position, die es ohne einnehmen würde, und behält dabei den ursprünglichen Platzbedarf reserviert.

Wenn das nicht das ist, was du willst - dann „verschiebe“ dein inneres Div anders. Bspw., in dem du dem äußeren Div einfach ein entsprechendes padding-top gibst.

monty.x · 26.05.2011, 17:46

Okay, ich habs sehr schlecht beschrieben.

Ich meine eingentlich hauptsächlich das sich die Höhe des äußeren DIV an die Höhe des inneren DIVs anpasst. Also ich verändere die höhe des inneren DIVs auf 200px und automatisch soll die höhe des äußeren DIVs ebenfalls 200px betragen.

ChrisB · 26.05.2011, 17:52

Zitat:

Zitat von monty.x

Ich meine eingentlich hauptsächlich das sich die Höhe des äußeren DIV an die Höhe des inneren DIVs anpasst. Also ich verändere die höhe des inneren DIVs auf 200px und automatisch soll die höhe des äußeren DIVs ebenfalls 200px betragen.

Das ist das „automatische“ Verhalten.
Wenn sich dieses bei dir nicht einstellt, dann hast du noch irgendwelche anderen Formatierungen vorgenommen, die du uns verschweigst.

nikosch · 26.05.2011, 19:02

Ums kurz zu machen: es liegt an der Positionierung.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] 3 Bilder nebeneinander -aussen variable Größe, mitte feste Größe	BJ1995	HTML, Usability und Barrierefreiheit	3	18.04.2011 12:43
Größe der abgefragten Datensätze	trodana	Datenbanken	14	04.03.2010 08:16
Wie Größe einer IMAP/NNTP Message ohne kompl. Download rausfinden?	cider	PHP-Fortgeschrittene	6	22.02.2010 23:44
Größe in PX nach rechts flexibel	Rubio	PHP Tipps 2010	30	22.02.2010 23:12
Bild aus einem <img../> Tag auf quadratische Größe beschneiden beginnend in der Mitte	jl2424	PHP Tipps 2009	6	13.06.2009 15:18
[Erledigt] Bild mit wasserzeichen in vari größe	Kay654	PHP Tipps 2009	10	14.04.2009 14:25
Dynamische Bildverlinkung	QGammon	PHP Tipps 2009	2	01.01.2009 20:13
Größe von Memory (Heap) Tabellen	R4v3r	Datenbanken	1	22.08.2007 17:11
Ordner größe	Freeaak	PHP Tipps 2007	1	17.12.2006 20:55
von mysql tabellen die größe in bytes von bestimmten zeilen	Blank	Datenbanken	5	07.08.2006 15:40
DIV dynamischer Größe mit Schatten	TheIfrit	HTML, Usability und Barrierefreiheit	9	15.03.2006 18:21
Größe eines Datenbankinhalts mit PHP auslesen	250Euro	PHP Tipps 2006	0	16.02.2006 23:33
Größe von Button ändern		HTML, Usability und Barrierefreiheit	2	29.09.2005 15:29
Dynamische Grafik in PHP		PHP Tipps 2005-2	6	26.07.2005 11:47
[Erledigt] Größe des Fenster durch array		PHP Tipps 2004	12	01.09.2004 12:03

26.05.2011, 17:29
monty.x Neuer Benutzer Registriert seit: 14.01.2011 Beiträge: 24 PHP-Kenntnisse: Anfänger	Dynamische DIV-Größe Hi, kann man die Größe eines DIVs dynamisch gestalten? Und zwar möchte ich gerne zwei DIVs ineinander haben. Wenn ich das innere DIV verschiebe oder vergrößer, soll automatisch das äußere DIV mit vergrößert werden. Beispiel: Code: <div style="background:red; width:200px; height:auto; position:relative; "> <div style="background:black; width:100px; height:100px; top:100px; position:relative; "> </div> </div> In diesem Beispiel befindet sich das schwarze DIV im roten DIV. Verschiebe ich nun das innere DIV 100px nach unten wird das äußere DIV nicht größer sondern behält die ursprungsgröße und das innere DIV wandert aus dem äußeren DIV. Ich möchte jedoch, das das äußere div "mit wächst" und das innere DIV weiterhin umschließt. Wie geht das ?! Mfg monty.x


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.05.2011, 17:46
monty.x Neuer Benutzer Registriert seit: 14.01.2011 Beiträge: 24 PHP-Kenntnisse: Anfänger	Okay, ich habs sehr schlecht beschrieben. Ich meine eingentlich hauptsächlich das sich die Höhe des äußeren DIV an die Höhe des inneren DIVs anpasst. Also ich verändere die höhe des inneren DIVs auf 200px und automatisch soll die höhe des äußeren DIVs ebenfalls 200px betragen.

26.05.2011, 19:02
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ums kurz zu machen: es liegt an der Positionierung. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --