Page 1 of 1

dynamischer div ohne inhalt

Posted: Thu 18. Dec 2008, 07:49
by mother-brain
Moin zusammen.

Gibts hier ne Lösung zu?

Eine Webseite mit dynamischer Höhe (Contentbereich) enthält einen nicht kachelbaren Hintergrund. Entsprechend habe ich links und rechts den Hintergrund erstmal aussen vor gelassen und den Rest (mittlerer Bereich - horizontal) dynamisch umgesetzt.

Nun wollte ich links und rechts den Hintergrund als Streifen (linker Bereich und rechter Bereich) einbauen. Idee war, den Streifen in 3 Teile zu schneiden. Oben mit fester Grösse, unten mit fester Grösse. Mittelbereich (vertikal) dynamisch.

Problem:
Der mittlere Bereich (vertikal - div) passt seine Grösse nicht an, da er keinen Inhalt hat.

Gruss,
mb

Re: dynamischer div ohne inhalt

Posted: Thu 18. Dec 2008, 11:36
by flip-flop
Das hat mit phpwcms nichts zu tun, sondern ist ein reines Layoutproblem.

Verwendest du ein einfaches DIV Layout, gehört das wahrscheinlich zu den 90% verwendeter Layouts, deren Spalten höhentechnisch gesehen nichts voneinander wissen und eben jeweils Inhalt brauchen um den Hintergrund mitzuziehen.

Hier findest du Vorlagen bzw. die Theorie wie das funktionieren kann: http://brunildo.org/test/#lay (Layouts, Tables, …)
Der Trick, der sich hinter "Any column may be longest. ...." verbirgt? -> Nimm eines der dreispaltigen Layouts und studiere.

Knut

Re: dynamischer div ohne inhalt

Posted: Mon 5. Jan 2009, 09:18
by santscho
Oder google nach "faux columns".

Re: dynamischer div ohne inhalt

Posted: Mon 5. Jan 2009, 13:10
by markus s
bitte ein phpwcms bezogenes beispiel einstellen ! :!:

Re: dynamischer div ohne inhalt

Posted: Mon 5. Jan 2009, 13:17
by santscho
bitte ein phpwcms bezogenes beispiel einstellen !
www. u g r a.mediasolution. com.sg

Aber wie schon erwähnt, Das Layoutproblem hat wirklich nichts mit phpwcms zu tun.

Re: dynamischer div ohne inhalt

Posted: Mon 5. Jan 2009, 13:23
by markus s
der gedanke war, dass mother-brain ein beispiel einstellt, indem sein problem dargestellt wird.
natürlich soll dieses mit wcms umgesetzt sein...