Forskelligt referencepunkt for absolut positionering? (SVÆR)
Jeg har et ret svært og indviklet problem angående positionering af div elementer som jeg virkelig håber her er nogen der kan hjælpe mig med.Sagen er den, at jeg har nogle \"templates\" der består af et antal div elementer hvert specificeret med positioner, højde og bredde. Disse templates kan fx bruges til at fylde en artikel ind i - altså et element med overskrift, et med tekst og et med billede. Elementerne kan placeres fuldstændig frit, da brugeren jo blot opgiver x, y, højde og bredde.
Jeg skal så lave et \"view\" hvor der fx skal vises 5 templates under hinanden med forskellige artikler i hver template. Dette er intet problem hvis teksten i de forskellige elementer ikke fylder mere end den definerede størrelse af elementet. Hvis der er mere tekst end der kan være i elementet, vil det automatisk udvidde sig i højden så teksten kan være der (det er en div).
Og så kommer det store problem... Hvordan placerer jeg korrekt den næste template neden under, når jeg ikke ved om templaten oven over er blevet udviddet fordi den indeholdt for meget tekst?
Er det muligt at placerer hver template i større div/span elementer der er relativt positioneret, så at elementerne i hver template er absolute positioneret i forhold til den \"store\" div/span de ligger i? Altså give den absolutte positionering et andet referencepunkt end browserens 0,0? Jeg har også forsøgt at lægge hver template ind i en td, men den positionerer stadig i forhold til 0,0.
Kan man måske gruppere en samling div elementer og udregne deres samlede højde?
Relativ positionering af elementerne i templates virker ikke - de kan ikke placeres på deres korrekte positioner.
Måske er den eneste løsning at jeg laver scrollbars på div elementerne? Det ser bare lidt for åndssvagt ud :,(
