Ganzen Content verschieben

matzee · 29.05.2011, 20:34

Hallo Forum-User,

ich habe ein kleines Problem.
Ich möchte den ganzen Body nach unten verschieben und eine neu DIV von oben nach unten verschieben.

Oben kann man einen schwarzen Streifen sehen. Dieser ist für das neue DIV und wenn man da draufklickt sollten sich der Body und das DIV nach unten verschieben.
So soll es dann in der Mitte aussehen:

Also der TEXT ist jetzt schon in der Mitte und das schwarze DIV schon größer

So soll es dann am Ende aussehen, dass der Body ganz unten ist und der neue DIV schon ganz offen ist.

bisher hab ich es so gemacht, funktioniert aber nicht sehr schön (jQuery).

Code:

$(".neuesDIV").show("drop", { direction: "down"}, 1000);
$("body").show("drop", { direction: "down" }, 1000);

Danke schon mal für eure Hilfe und ich hoffe, dass ihr das verstanden habt

Dark Guardian · 30.05.2011, 17:26

Das body-Element direkt zu animieren ist ja auch sinnlos weil aller Content, auch dein schwarzer Balken oben im body-element liegen müssen.

Mach 2 divs draus und animier vom oberen nur die Höhe.

matzee · 30.05.2011, 21:46

Ich möchte ja nicht nur die oberen animieren. Ich hab mal einen ähnlichen Effekt gefunden:

http://kodingen.com/ (ich hoff ich kann den link hier reinstellen)

dort ist oben rechts eine Leiste, und wenn man auf "Dashboard" klickt, kommt ähnliches.

Danke!

nikosch · 30.05.2011, 22:14

Ändert nichts an der Aussage.

Dark Guardian · 03.06.2011, 12:51

Zitat:

Zitat von matzee

Ich möchte ja nicht nur die oberen animieren. Ich hab mal einen ähnlichen Effekt gefunden:

http://kodingen.com/ (ich hoff ich kann den link hier reinstellen)

dort ist oben rechts eine Leiste, und wenn man auf "Dashboard" klickt, kommt ähnliches.

Danke!

Und? Das ist genau das was ich beschrieben habe.

Das untere div kann erst da anfangen wo das obere aufhört. Wird das obere größer, verschiebt sich das untere automatisch nach unten, außer es hat die CSS Eigenschaft position mit absolute oder fixed.

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
Content beim Hochladen eines Bildes im Array speichern!	invidicult	PHP Tipps 2010	6	04.10.2010 09:49
Ajax - Dynamic Content mit JS in DIV laden	nickBee	HTML, Usability und Barrierefreiheit	8	30.07.2010 14:46
Blätterfunktion / Menubar Content änderung	Maxwill	PHP Tipps 2010	2	27.04.2010 12:48
Doppelten Content	AllOnline	PHP Tipps 2009	6	07.01.2010 20:01
Zwei Domains auf Root Verzeichnis - Unterschiedlicher Content?	KarlRasiert	Server, Hosting und Workstations	5	01.09.2009 02:05
Div Container verschieben	defcut	JavaScript, Ajax und mehr	8	28.08.2009 19:17
Nested Sets Node verschieben	stayInside	PHP-Fortgeschrittene	0	09.08.2009 16:25
Cross Content Media sucht motivierten PHP-Entwickler in München	crosscontent	Beitragsarchiv	0	23.08.2008 17:41
nested set dbmodell subtrees verschieben	raffnix	Datenbanken	12	08.06.2008 13:27
Wieso verschieben sich diese Tabellen?	Chr!s	HTML, Usability und Barrierefreiheit	3	29.09.2005 17:41
[Erledigt] Sicherstellen von unkomprimiertem Content		PHP-Fortgeschrittene	9	08.12.2004 12:47
Content bereich aus Mysql mit php code einbinden		Datenbanken	0	28.11.2004 16:06
Externen Content laden		PHP Tipps 2004	4	13.08.2004 10:52

29.05.2011, 20:34
matzee Benutzer Registriert seit: 30.08.2009 Beiträge: 31 PHP-Kenntnisse: Anfänger	Ganzen Content verschieben Hallo Forum-User, ich habe ein kleines Problem. Ich möchte den ganzen Body nach unten verschieben und eine neu DIV von oben nach unten verschieben. Oben kann man einen schwarzen Streifen sehen. Dieser ist für das neue DIV und wenn man da draufklickt sollten sich der Body und das DIV nach unten verschieben. So soll es dann in der Mitte aussehen: Also der TEXT ist jetzt schon in der Mitte und das schwarze DIV schon größer So soll es dann am Ende aussehen, dass der Body ganz unten ist und der neue DIV schon ganz offen ist. bisher hab ich es so gemacht, funktioniert aber nicht sehr schön (jQuery). Code: $(".neuesDIV").show("drop", { direction: "down"}, 1000); $("body").show("drop", { direction: "down" }, 1000); Danke schon mal für eure Hilfe und ich hoffe, dass ihr das verstanden habt


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

30.05.2011, 17:26
Dark Guardian Erfahrener Benutzer Registriert seit: 10.10.2009 Beiträge: 2.630 PHP-Kenntnisse: Fortgeschritten	Das body-Element direkt zu animieren ist ja auch sinnlos weil aller Content, auch dein schwarzer Balken oben im body-element liegen müssen. Mach 2 divs draus und animier vom oberen nur die Höhe. __________________ "Alles im Universum funktioniert, wenn du nur weißt wie du es anwenden musst".

30.05.2011, 21:46
matzee Benutzer Registriert seit: 30.08.2009 Beiträge: 31 PHP-Kenntnisse: Anfänger	Ich möchte ja nicht nur die oberen animieren. Ich hab mal einen ähnlichen Effekt gefunden: http://kodingen.com/ (ich hoff ich kann den link hier reinstellen) dort ist oben rechts eine Leiste, und wenn man auf "Dashboard" klickt, kommt ähnliches. Danke!

30.05.2011, 22:14
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ändert nichts an der Aussage. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --