div relativ/absolute kombinieren

[melmager]

ich bin in der Kriese :-(

#boxa { POSITION:absolute; LEFT: 1.5cm; WIDTH: 18cm; TOP: 12cm; }
#boxb { POSITION:relative; LEFT: 1.5cm; WIDTH: 18cm; TOP: 3cm; }

so habe ich die im style bereich definiert

<div id=boxa>teil a</div>
<div id=boxb>teil b</div>

warum zu hölle hängt er boxb nicht hinter die boxa ???

ich möchte doch nur das die erste box immer 12 von oben anfängt
(das macht er ja auch) darin viel text wobei das dynamisch erzeugt wird und ich daher nicht weiss wie gross boxa in der länge wird und möchte ich einfach 3 cm platz und dann den nächsten text

wie macht man das?

 

[THE REAL TOOLKIT]

Huhu (die neuen smilies sind blöd )

Du darfst das div für TeilA nicht vor dem Öffnen von TeilB schliessen,sonnst hat das "relative" keine Bezug.
Das zweite mal "LEFT" auf 1.5cm zu setzen kannst du dir dann auch sparen,da das automatisch übernommen wird.

Also so:

<style type="text/css">
#boxa { POSITION:absolute; LEFT: 1.5cm; WIDTH: 18cm; TOP: 12cm; } 
#boxb { POSITION:relative; LEFT: 0cm; WIDTH: 18cm; TOP: 3cm; }
</style>

<div id=boxa>teil a
<div id=boxb>teil b</div></div>

 

[melmager]

hmmm

und wie knipse ich rechts die scroll-leiste an ?

die reihenfolge der boxen jetzt sieht ja recht gut aus ...
nur es verschwindet einiges nach unten hin ...

edit ich glaube hat sich erledigt

merke folgt relativ auf absolute muss das innerhalb passieren
relativ auf relativ muss der vorherige geschlossen werden
macht zwar kein sinn aber ich nehme es mal als gegeben hin


<div id=boxa>teil a
<div id=boxb>teil b</div>
<div id=boxb>teil c</div>
</div>

Nochmal Edit:

Nein Thema hat sich nicht erledigt

jetzt habe ich die wahl:

da ich zwischendrin noch ein
<P style="PAGE-BREAK-BEFORE:always">zweite seite</P>
für den ausdruck mache

entweder ich schachtel es ineinander sieht auf bildschirm toll aus aber der seitenumbruch geht nicht wenn inner halb des div tags

oder
div tags hintereinander
sieht bescheuert aus aber der ausdruck stimmt *grrr*

 

[melmager]

ok es ist soweit
entweder ich erschiesse den css entwickler oder ich schmeisse mich
aus dem keller fenster

edit

ok css entwickler lebt noch und ich habe den sturz überstanden

nee im ernst ich habe es jetzt gerafft
den schiedunter zwischen realtive und absolute

 

[Cyberbird]

Hmm... könntest du mir den Unterschied auch mal erklären? Wollt' nicht extra 'nen neuen post dafür aufmachen...