Div-Boxen übereinander legen

[derV]

Hallo,

ich habe folgendes Problem:

Code: Alles auswählen

<div class="row">
<div class="bigText">text</div>
<div class="shortText">text</div>
</div>


Code: Alles auswählen

.bigText{                  display:none;
                           background-color:#FFF4F4;
                           width:330px;
                           height:100%!important;
                           margin-top:-44px;
                           margin-left:-5px;
                           padding-bottom:3px;
                           padding-left:2px;
                           border-style:solid;
                           border-width:5px;
                           border-color:#c60303;
                           z-index:10;
                           -moz-border-radius:5px;}
.shortText{                  height:30px;
                           float:left;}
.row {float:left;
                           height:30px;
                           margin-left:5px;}


Es ist so, dass die Div-Box "row" nur eine Höhe von 30px hat, was an dieser Stelle wichtig ist und auch so sein soll. Die Höhe der anderen beiden Divs ist im Grunde egal. Jetzt ist es so, dass die div-Box "bigText" standardmäßig ausgeblendet ist und nur über ein MouseOver eingeblendet wird. (über nen Java-Script) Dabei habe ich die Div-Box nun so verschoben, dass sie über die Div-Box "shortText" liegt. Jetzt habe ich das Problem, dass in bigText unterschiedlich großer Text stehen kann. Dies bedeutet mein "margin-top" unterschiedlich groß sein muss (höhe der Div-box + 40px). Dies kriege ich aber irgendwie nicht hin.

Also mit anderen Worten, möchte ich dass egal wie groß die box "bigText" ist, dass sie immer über der Box shortText steht. (2 dimensional gesprochen).

Kann mir da einer nen Tipp geben?

Vielen Dank!
Gruß
V

[sejuma]

Versauch's mal so:
Nimm bei .bigText den height-Wert raus.
füge hinzu:

Code: Alles auswählen

position: absolute;
bottom: 30px;

und gib
.row ein

Code: Alles auswählen

position: relative;

[derV]

grml... stimmt, darauf hätte ich eigentlich auch kommen können, dass über die position zu lösen...

Vielen Dank, ohne das Brett vorm Kopf, geht das alles um einiges besser

PS: zusätzliche Änderung bei bigText ist noch zu tätigen: height darf nicht 100% sondern muss auf auto gestellt sein, dann funzt das!