[TYPO3-german] [ot: css] ebenen übereinander: position:relative

[Christian Wolff]

Hallo Markus,
ich würde mal folgende idee probieren:
<div style="position:relative">
   <div style="position:absolute; top:0px;left:0px;">layer 1</div>
   <div style="position:absolute; top:0px;left:0px;">layer 2</div>
   <div style="position:absolute; top:0px;left:0px;">layer 3</div>
</div>

sollte eigendlich dazu füren das alle layer übereinander in der
zelle liegen.
durch den äusseren div mit position:relative
werden die inneren absolut positionen darauf bezogen
und nicht mehr auf die seite.
das funktioniert, getestet unter ie und firefox

das ganze packst du dann einfach in deine tabellen zelle und schön ist.
gruss chris


Am 18.01.2006, 10:04 Uhr, schrieb Markus Bucher <markus.bucher at bedv.de>:

> Hallo,
>
> ich habe in einer zentrierenden Tabelle mehrere Ebenen, die über
> einander liegen sollen. Dies erreiche ich mit:
>
> style="position:relative; top:0px; height: 50px"
>   für Layer1,
>
> style="position:relative; top:-50px; height: 50px"
>   für Layer2,
>
> style="position:relative; top:-100px; height: 50px"
>   für Layer3.
>
> Anschließend kommen weitere Tabellen und Ebenen.
>
> Unter Firefox/Mozilla werden folgende Elemente bei der Höhe 50px
> ausgegeben, IE summiert auf 150px.
>
> Ist dies ein weiteres Beispiel für das "Boxing model" mit
> unterschiedlicher Interpretation der verschiedenen Browser?
>
> Wie kann ich den Code für beide Browser gestalten?
>
> Mit "position:absolute" kann ich nicht arbeiten, weil sonst die
> Zentrierung durch die Tabelle wegfällt. Mir bleibt nur
> "position:relative", oder?
>
> Danke,
>
> Markus
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>