Forum Doku Wiki Blog

Forumsarchiv 2009, Dezember
dynamische mehrspaltigkeit >3!

archivierte Beiträge lesen

  1. (DESIGN/LAYOUT) dynamische mehrspaltigkeit >3! von palasmic, 17. 12. 2009, 14:33

dynamische mehrspaltigkeit >3!

Der folgende Beitrag wurde am 17. 12. 2009, 14:33 Uhr von palasmic veröffentlicht.

hallo zusammen,

ich habe folgendes problem:
es soll eine website entstehen, die ihren inhalt aus einer datenbank bekommt. dieser inhalt kann unterschiedlich lang sein/werden, je nach ausgewähltem content.
bis hier absolut ok.
nun soll der inhalt aber in spalten von maximal 600px höhe "gegossen" werden. reicht eine div-box nicht aus, soll die nächste den folgenden content aufnehmen usw..
zuerst wollte ich die css3-funktion nehmen:

div#multicolumn1 {
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        height: 600px;
}

die funktioniert aber wirklich nur mit firefox und selbst da müßte ich die anzahl der spalten vorher ermitteln und mit javascript/php einstellen.

seht ihr eine möglichkeit, den content automatisch zu verteilen?
vom layout ist es nicht schwer. ich habe einen dynamischen hauptcontainer, dem ich die breite zuweise, die für alle spaltencontainer den notwendigen platz gibt. und die spaltencontainer floate ich left mit einem linken margin.

ich weiss, dieses projekt verstösst gegen jede regel von html und usability, weil bei größerem inhalt immer nach "rechts" gescrollt werden muss. mir gefällt's auch nicht - doch was soll ich machen - ich bin "nur" der ausführende..

dynamische mehrspaltigkeit >3!

Der folgende Beitrag wurde am 17. 12. 2009, 14:50 Uhr von Steel veröffentlicht.

Hi!

> seht ihr eine möglichkeit, den content automatisch zu verteilen?

Aktuell? Noe. So Wie Du es machst ist das schon das Beste was erreichbar ist.

--
"Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
      - T. Pratchett

dynamische mehrspaltigkeit >3!

Der folgende Beitrag wurde am 21. 12. 2009, 14:53 Uhr von palasmic veröffentlicht.

> Hi!
>
> > seht ihr eine möglichkeit, den content automatisch zu verteilen?
>
> Aktuell? Noe. So Wie Du es machst ist das schon das Beste was erreichbar ist.
>
danke - ist immer gut zu wissen, dass man auf dem richtigen wege ist und nicht irgendwas macht, was auf andere art einfacher wäre..

dynamische mehrspaltigkeit >3!

Der folgende Beitrag wurde am 17. 12. 2009, 22:31 Uhr von ChrisB veröffentlicht.

Hi,

> nun soll der inhalt aber in spalten von maximal 600px höhe "gegossen" werden. reicht eine div-box nicht aus, soll die nächste den folgenden content aufnehmen usw..

> seht ihr eine möglichkeit, den content automatisch zu verteilen?

JavaScript.

Durchlaufe den Inhalt rekursiv, und schaue dabei, wo „umzubrechen” ist, ab wo der Inhalt also in ein neues DIV-Element zu verfrachten ist.
Dass du keine Elementinhalte auseinander reißt (bzw. wenn, wie), musst du dir überlegen.

Als Fallback, wenn kein JS vorhanden ist, gibt's dann ein „normales” Layout ohne extra Zucker.

MfG ChrisB


--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]

dynamische mehrspaltigkeit >3!

Der folgende Beitrag wurde am 21. 12. 2009, 14:51 Uhr von palasmic veröffentlicht.

> Hi,
>
> > nun soll der inhalt aber in spalten von maximal 600px höhe "gegossen" werden. reicht eine div-box nicht aus, soll die nächste den folgenden content aufnehmen usw..
>
> > seht ihr eine möglichkeit, den content automatisch zu verteilen?
>
> JavaScript.
>
> Durchlaufe den Inhalt rekursiv, und schaue dabei, wo „umzubrechen” ist, ab wo der Inhalt also in ein neues DIV-Element zu verfrachten ist.
> Dass du keine Elementinhalte auseinander reißt (bzw. wenn, wie), musst du dir überlegen.
>
> Als Fallback, wenn kein JS vorhanden ist, gibt's dann ein „normales” Layout ohne extra Zucker.
>
> MfG ChrisB
>
»»
hallo chrisB
besten dank - da werde ich mich mal mehr mit javascript auseinandersetzen müssen - hatte ich mir fast schon gedacht :-(

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4